[聚合文章] VUE使用element-ui所遇BUG与需求集结（持续更新）

最近常使用element-ui的组件，遇到问题比较多，想做个清单。也包含一些自己总结的使用vue小方法。

1.回车自动提交表单

详情：做列表搜索的时候当表单只有单个输入框时，回车会自动提交表单

issue在此：点我点我

解决：（阻止表单提交）

<el-form :inline="true" :model="params" @submit.native.prevent>
</el-form>

2.监听input回车

<el-input v-on:keyup.enter.native="login"></el-input>

3.tree组件增删改

树形组件最难搞，尤其遇上各种蛋疼的需求=。= 这次要有增删改的功能，但是发现官网给的例子并不是直接在数据上操作，所以自己修改了一个。

详细地址：点我就知道啦

4.table组件expand每次只展开一项

文档没有具体属性，但是在issue找的方法都是结合row-key和expand-row-keys来实现这个功能

issue地址：灵机一现！

解决：但是我在Stack Overflow找了个更简单的方法，要直接操作table树๑乛◡乛๑，只需要用到expand的方法

<el-table @expand="handleExpandRow" ref="row_table">
</el-table>
//method:
handleExpandRow(row,expanded){
    this.$refs.row_table.store.states.expandRows = expanded ? [row] : [];
}

附上Stack Overflow原地址：大神在此

5.复用table组件

项目中表格太多，做了两个之后还是决定写了个复用放组件，而因为需求不断增加修改，所以不断简化，下面只是上个简单版的：
详细地址：都说点我咯

注：本文内容来自互联网，旨在为开发者提供分享、交流的平台。如有涉及文章版权等事宜，请你联系站长进行处理。