Vue - element 问题记录

1.编辑时,select便签失效 选不了别的选项

在el-select添加一个change事件处理方法强制刷新

    this.$forceUpdate();

2. webstrom全局搜索不工作

热键冲突（搜狗的繁简切换）

3.动态生成表格行与列

 <el-table :data="tables">
     <template v-for='(col) in titleData'>
           <el-table-column sortable
             :show-overflow-tooltip="true"
             :prop="col.dataItem"
             :label="col.dataName"
             :key="col.dataItem"width="124px">
           </el-table-column>
    </template>
</el-table>

data () {
    return {
      tables: [{
         xiaoxue: '福兰',
         chuzhong: '加芳',
         gaozhong: '蒲庙',
         daxue: '西安',
         yanjiusheng: '西安',
         shangban: '北京'
      }, {
         xiaoxue: '南坊',
         chuzhong: '礼泉',
         gaozhong: '礼泉',
         daxue: '西安',
         yanjiusheng: '西安',
         shangban: '南坊'
     }, ],
         titleData: [{
           dataItem: 'xiaoxue',
           dataName: '小学'
         }, {
          dataItem: 'chuzhong',
          dataName: '初中'
       }, {
          dataItem: 'gaozhong',
         dataName: '高中'
        }, {
           dataItem: 'daxue',
          dataName: '大学'
        }, {
          dataItem: 'yanjiusheng',
          dataName: '研究生'
         }, {
           dataItem: 'shangban',
          dataName: '上班'
         }]
   }

 

4.去掉空格 

<input v-model.trim="msg"> 过滤前后空格

5.前端的sleep

setTimeout(() =>{

    要延迟的代码

},延迟时间);

6.重新加载本页面

this.$router.go(0) 

 7.后端</n>转成空格在其前端展示

  8.el-table 多选清空选择

 this.$refs.multipleTable.clearSelection()