通过v-html模板插入的Button元素v-on:click事件不能触发,被当做字符串解析,有没有什么解决办法
发布于 3年前 作者 tanker 2658 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

v-html = "col.formatter(entry,entryIndex)"

formatter: function (row, index) { return <template><button class="btn btn-info btn-sm" @click="show(${row.name})">删除</button></template> }

4 回复

可以通过指令derective的方式添加DOM行为

不太清楚directive,是注册一个自己的自定义指令吗?还是他自带了可以直接操作DOM的指令?

derective提供的钩子函数,在钩子函数里面采用原生的js操作DOM就好了

v-action = "col.formatter(entry,entryIndex)父元素这样写的 Vue.directive('action’, { inserted: function (el) { 在这里进行DOM操作?但是如何获取到我那串BUTTON的字符串呢。 } })

回到顶部