记录element中小操作

一、弹框中点击订单号跳转路由查看订单详情时，去掉弹框遮罩层，只需要在el-dialog上设置属性:modal-append-to-body="false"

二、 表格点击分页时，第一页选中了两项，切换到第二页再切回第一页时，选中的项不见了，解决方法如下：

1、在el-table标签上增加:row-key="getRowKey"，在勾选列增加reserve-selection属性即可

<el-table
          v-loading="grid_loading"
          :data="unOrderData"
          border
          ref="gridTableRef"
          :row-key="getRowKey"
          style="width: 100%"
          @selection-change="handleSelect"
          height="420px"
        >


<el-table-column type="selection" width="40" align="center" reserve-selection fixed></el-table-column>
<el-table-column prop="no" label="订单号" width="120" align="center"></el-table-column>

</el-table>

2、getRowKey()方法返回唯一

getRowKey(row) {
   return row.no;
},

三、vue中 select框赋值之后无法选值，绑定@change方法

selectChange(){
    this.$forceUpdate()
},

四、获取el-cascader选中的节点数据this.$refs.myCascader.getCheckedNodes()[0]

<el-cascader
              v-model="optForm.resParentid"
              :options="dataList"
              :props="optionProps"
              ref="myCascader"
              @change="handleChangeValue"
              clearable></el-cascader>


handleChangeValue(val){
        this.optForm.resParentid=val[val.length-1]
        let node = this.$refs.myCascader.getCheckedNodes()[0]
        this.optForm.sysKey=node.data.sysKey
},