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

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

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

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

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

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

相关推荐
walking9573 分钟前
Vue3 日历组件选型指南:五大主流方案深度解析
前端·vue.js·面试
英俊潇洒美少年11 分钟前
Vue、React.lazy、React 19 异步组件核心区别
javascript·vue.js·react.js
快乐小土豆~~1 小时前
echarts柱状图的X轴label过长被重叠覆盖
前端·javascript·vue.js·echarts
儒雅的烤地瓜1 小时前
Vue | Vue3中<script setup>用法详解
vue.js·vue3·选项式api·组合式 api·setup方法·<script setup>
小李子呢02111 小时前
前端八股2---Proxy 代理
前端·javascript·vue.js
军军君012 小时前
Three.js基础功能学习十六:智能黑板实现实例三
前端·javascript·css·vue.js·3d·前端框架·threejs
Hello--_--World3 小时前
Vue2的 双端 diff算法 与 Vue3 的 快速diff 算法
前端·vue.js·算法
gongzemin4 小时前
怎么在VS Code 调试vue2 源码
前端·vue.js
烟话64 小时前
Vue3响应式原理【通俗理解】
前端·javascript·vue.js
军军君014 小时前
数字孪生监控大屏实战模板:可视化数字统计展示
前端·javascript·vue.js·typescript·echarts·数字孪生·前端大屏