H5W3
当前位置:H5W3 > 其他技术问题 > 正文

关于render函数的使用

methods: {
forData(data) {
data.forEach((item, index) => {
if (item.length > 0) {
this.html += "<div>";
this.forData(item);
} else {
this.html += "<div @click='cesi1'>" + item.text;
}
this.html += "</div>";
});
this.$refs.wrapper.innerHTML = this.html;
},
cesi1() {
console.log(123);
}
}

我得代码如上,通过递归输出结构,由于使用的是拼接字符串方式,所以导致代码中@click无法触发,咨询度娘说可以使用render函数解决,自己查了下文档但始终没有理解如何将render函数搭配进我上面的代码中,再次提问还望指点,谢谢!

回答

这地方用不到render函数, 直接在template中使用v-for遍历data渲染你拼接的html就行了, 然后forData方法用来赋值data.

本文地址:H5W3 » 关于render函数的使用

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址