vue element ui Dropdown下拉菜单 command方法使用(获取某行数据)

需求:

dropdown 下拉菜单,如何获取当前点击下拉菜单的这行数据?

最终效果图
vue element ui Dropdown下拉菜单 command方法使用(获取某行数据)_第1张图片
效果图
第一种方法:

区别:通过command方法直接传当前选中行的整个数据


  
      
   

// 这里是ts的语法,js的直接按js的语法来就可以了


第二种方法:

区别:通过操作当前选中行按钮来获取这行的数据


   

// 获取当前点击下拉菜单的这行数据,根据拿到的数据进行下一步操作
/**
 * 操作 获取数据
 * @protected
 * @return string
 */
  protected orderId: string = "";
  protected OrderNo: string = "";
  protected memberId: string = "";  // 修改预约电话人员id

/**
 * 操作 获取数据
 * @protected
 * @return string
 */
 protected async operateClick(row): Promise
 {
            // console.log(row);
            this.orderId = row.OrderId;
            this.OrderNo = row.OrderNo;
            this.memberId = row.Member_id;
  }

你可能感兴趣的:(vue element ui Dropdown下拉菜单 command方法使用(获取某行数据))