vue插件ele使用小坑

Posted zt0219

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue插件ele使用小坑相关的知识,希望对你有一定的参考价值。

1.ele-table组件中selection如何默认选中

 使用官网提供的api-->>Table Methods中的toggleRowSelection,关于这个api基本介绍就不说了。

 在vue中使用方式:建议在computed中使用,监听table(ref="table",:data="data")中绑定的数据data变化情况,通过相关条件判定table中的row是否被勾选,代码如下:

  computed:{

    listenData(){

      for(var item of this.data){

         if(判断条件)this.$refs.table.toggleRowSelection(item,true) 

      }

      return  this.data
    }
  }

  上述代码,符合判断条件的默认勾选,下载computed中可以异步请求数据

 



以上是关于vue插件ele使用小坑的主要内容,如果未能解决你的问题,请参考以下文章

Vue--vue+elementUI开发示例

什么是vue插件,vue插件怎么使用?

vue插件的使用

【vue】插件

vue 的rem 配置和flexible.js的应用

在vue里引用swiper插件,怎么使用