
vue element ui技术积累
哇咔 哇咔
这个作者很懒,什么都没留下…
展开
-
elementui el-cascader级联选择器体验问题
1.清除上一次展开的记录(第二次点击时会显示上一次展开的数据(未选中数据时))<el-form-item label="部门" prop="DeptId"> <el-cascader style="width: 100%;" ref="myCascader" placeholder="请选择部门: 支持输入搜索" v-model="form.DeptId原创 2020-12-16 10:43:48 · 961 阅读 · 0 评论 -
elementui el-tree 节点过滤加载对应的子节点
问题:目前element-ui tree 节点过滤加载对应子节点方法,官网例子,不会返回过滤节点的子节点,而大多数实际业务的需求是需要搜索到其下所有的子节点,实现方法如下,修改filterNode方法即可<el-input placeholder="输入关键字进行过滤" v-model="filterText"></el-input><el-tree class="filter-tree" :data="data" :props="defaultP原创 2020-12-16 10:32:47 · 2091 阅读 · 5 评论 -
vue清除表单验证
vue清除表单验证 this.$nextTick(() => { if (this.$refs.form) { this.$refs.form.resetFields(); } });原创 2020-10-15 16:47:32 · 700 阅读 · 0 评论 -
vue 页面绑定值不刷新问题
vue 页面绑定值不刷新问题问题:在使用Vue框架开发时,在函数中改变了页面中的某个值,在函数中查看是修改成功了,但在页面中没有及时刷新改变后的值;原因:此代码块中的v-model应直接绑定“值”,而此处绑定的是“某对象中的值”例:<el-input v-model="model[`text`]" /> 解决方案:运用 this.$forceUpdate()强制刷新即可<el-input v-model="model[`text`]" @input="c原创 2020-07-24 15:37:40 · 1581 阅读 · 0 评论 -
element-ui input每次输入后自动失去焦点
vue element-ui input每次输入后自动失去焦点text改变的时候由于 key 值绑定的text的问题造成的重绘错误示例 <div v-for="link in content" :key="link.text"> <el-input v-model="link.text" /> </div>正确示例 <div v-for="(link,index) in value.label" :key="index">原创 2020-07-24 15:28:55 · 4585 阅读 · 2 评论