vue render 方法添加 ref 添加不上
今天写代码,突然遇到一个问题,我用 iview 的 table 组件<iTable columns="columns" data="data" />columns 里的 render 方法添加了 ref 方法,然后通过 this.$refs.xx 却获取不到说真的,虽然很简单的问题,但是愣是让我想了好久,还是记录下吧。我们是这样写的render(h, data) {h('div', {
·
今天写代码,突然遇到一个问题,我用 iview 的 table 组件
<iTable columns="columns" data="data" />
columns 里的 render 方法添加了 ref 方法,然后通过 this.$refs.xx 却获取不到
说真的,虽然很简单的问题,但是愣是让我想了好久,还是记录下吧。
我们是这样写的
render(h, data) {
h('div', {
ref: "divRef"
})
}
this.$refs.divRef ???
因为我们用到的 h 并不是当前对象的 createElement,所以怎么可能用 this 访问得到,阿西吧!!!
修改如下
render(h, data) {
this.$createElement('div', {
ref: 'divRef'
})
}
this.$refs.divRef // valid
唉! 还是太菜了,一个小问题影响我10分钟,加油吧,给同为菜鸟的大家记录这个问题
更多推荐
已为社区贡献2条内容
所有评论(0)