element-ui
小米小米呀
黎明前的黑暗,加油!
展开
-
vue父子组件传值
参考链接原创 2020-11-17 15:14:38 · 71 阅读 · 0 评论 -
vue v-show和v-if区别
v-show的功能和v-if基本一样,但是v-if有衍生的v-else-if和v-else,v-show没有 v-show的性能比v-if要好,能用v-show就不要用v-if v-if是删除dom节点 v-show是不删除dom节点,增加行级样式’display:none原创 2020-11-17 15:13:33 · 66 阅读 · 0 评论 -
Vue子组件调用父组件的方法
参考博客原创 2020-11-17 15:12:18 · 77 阅读 · 0 评论 -
vue子组件实时监听父组件数据
参考博客原创 2020-11-17 15:11:29 · 661 阅读 · 0 评论 -
vue实现菜单切换功能
参考博客原创 2020-11-17 15:09:50 · 438 阅读 · 0 评论 -
element-ui radio回选
如下图: :label是radio的值,v-model动态绑定,当v-model的值和:label一样时,radio会被回选.原创 2020-11-17 15:08:41 · 182 阅读 · 0 评论 -
vue 控制台报错“TypeError: handler.call is not a function“
vue 控制台报错"TypeError: handler.call is not a function" 此问题为调用中生命周期钩子函数引起来的错误,解决办法为 生命周期钩子函数 是否有未定义方法 还是 声名了空的钩子函数。 去掉钩子函数即可。 参考博客 ...原创 2020-11-17 15:06:28 · 773 阅读 · 0 评论 -
element-ui 阻止树节点收缩
element-ui 阻止树节点收缩 添加属性:expand-on-click-node=“false”。 如图:原创 2020-11-17 15:04:52 · 943 阅读 · 0 评论 -
element-ui消息确认提示模板
this.$confirm(‘是否删除该数据?’, ‘提示’, { confirmButtonText: ‘确定’, cancelButtonText: ‘取消’, type: ‘warning’ }).then(() => { //点击确定的操作(调用接口) }).catch(() => { //几点取消的提示 });原创 2020-11-17 15:02:07 · 451 阅读 · 0 评论 -
element-ui单击行时勾选复选框 设置选中行背景色
<el-table ref="multipleTable" :data="tableData" tooltip-effect="dark" highlight-current-row style="width: 100%" border @current-change="clickRow" @selection-change="handleSelectionChange" > </el-table> 注:highlight-current-row高原创 2020-10-23 15:10:35 · 1276 阅读 · 0 评论 -
element-ui select 点击事件无效
用第三方组件或者UI框架会自带自身封装的事件,如keyup,click等,会覆盖原生的事件,从而无法起效果。.native 修饰符就是用来注册元素的原生事件而不是组件自定义事件的。 代码示例: <el-select v-model="value" ref="select" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="i原创 2020-10-23 14:54:20 · 3491 阅读 · 0 评论 -
vue获取自定义属性的值,标签的值
vue中尽量减少dom操作。 方式一:不推荐使用 自定义属性为data-val,通过e.target.getAttribute()获取。 <span data-val="0" @click="getVal0">点我</span> getVal0(e){ console.log(e.target.getAttribute('data-val')); }, 方式二:不推荐使用 自定义属性为data-val, <span data-val="原创 2020-10-23 11:32:15 · 4004 阅读 · 0 评论 -
vue获取dom元素的几种方式
在任意标签上:ref=“xx” 获取dom元素:this.$refs.xx. 如图: mounted()时才能获取this.$refs.xx 获取dom标签:this.$refs.xx.$el $parent: 获取当前组件的父组件 $el: 获取当前组件的DOM元素 vm.$nextTick 什么时候用:在Vue渲染DOM到页面后 立即做某件事,用$nextTick this.$nextTick(function() { ·····dosomething }) Vue会先让代码执行完原创 2020-10-22 18:54:41 · 5472 阅读 · 0 评论 -
element-ui复选框只能选中一个
需求:复选框只能选中一个。 具体实现如下: @select="select" @select-all="selectAll" select(selection, row) { if (selection.length > 1) { let del_row = selection.shift() this.$refs.multipleTable.toggleRowSelection(del_row, false) } }, selectAll(selection){ i原创 2020-10-22 17:46:30 · 2782 阅读 · 2 评论