Vue+Element开发记录


简单记录一下自己开发过程中遇到的问题以及解决的一些技巧,慢慢更新

去除输入空格

  1. 巧妙的去除输入空格
    只需要在v-model后面加上 .trim 即可
    示例代码
<el-input v-model.trim="keyword" />

el-table

  1. 表格在点击第三方按钮时获取选中行在这里插入图片描述
    如图,在选中任意两行之后,点击右下角选择按钮,获取表格选中行。
    在查阅element-ui文档之后未发现有获取该选中行的api,所以只能自己找,组件内部实现肯定是有选中行的数组的。
    解决思路:给el-table加上一个ref属性tableRef(命名随意),然后通过点击选择按钮,打印this.$refs.tableRef,然后在控制台搜索select,即可找到值为两个数组的变量selection
let selectedArr = this.$refs.tableRef.selection;
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章