vue自定义指令在el-table-column上使用不生效

解决vue自定义指令在el-table-column上使用不生效问题:

先说自定义指令,在Vue中,自定义指令 是一种对原生DOM元素进行数据绑定和DOM操作的方式。

el-table组件是使用createElement动态生成的,在执行自定义指令时该column所代表的DOM节点还未完全生成 ,在结构中仅仅只有一个根div,

所以这里在el-table-column上使用自定义指令会不生效。

替代方式:可以使用v-if来控制。

相关推荐
沈梦研1 小时前
【Vscode】Vscode不能执行vue脚本的原因及解决方法
ide·vue.js·vscode
轻口味2 小时前
Vue.js 组件之间的通信模式
vue.js
fmdpenny4 小时前
Vue3初学之商品的增,删,改功能
开发语言·javascript·vue.js
涔溪5 小时前
有哪些常见的 Vue 错误?
前端·javascript·vue.js
亦黑迷失7 小时前
vue 项目优化之函数式组件
前端·vue.js·性能优化
计算机-秋大田7 小时前
基于SpringBoot的高校教师科研的设计与实现(源码+SQL脚本+LW+部署讲解等)
java·vue.js·spring boot·后端·课程设计
eason_fan7 小时前
分析vue3源码23(异步组件实现)
vue.js·前端框架·源码阅读
BigData-010 小时前
vue视频流播放,支持多种视频格式,如rmvb、mkv
前端·javascript·vue.js
工业互联网专业11 小时前
基于springboot+vue的高校社团管理系统的设计与实现
java·vue.js·spring boot·毕业设计·源码·课程设计
白宇横流学长12 小时前
基于SpringBoot+Vue的旅游管理系统【源码+文档+部署讲解】
vue.js·spring boot·旅游