Javascript VueJS渲染不';我没接到电话
在工作中,我们正在使用VueJS,我们希望使用2D数组中的内容渲染一个元素。这需要2个循环进行迭代,这是模板所不可能做到的。我们发现我们可以通过Javascript VueJS渲染不';我没接到电话,javascript,vuejs2,Javascript,Vuejs2,在工作中,我们正在使用VueJS,我们希望使用2D数组中的内容渲染一个元素。这需要2个循环进行迭代,这是模板所不可能做到的。我们发现我们可以通过render()函数来实现这一点 我们的代码(但简化了一点)是: 当我们在项目中包含此组件时,不会调用渲染函数。我可以看到组件已加载,因为我可以读取测试数据。未调用渲染函数的日志或任何其他符号 这可能是一个明显的错误,因为我们以前从来没有这样做过,但是因为这是我们必须用来解决这个问题的东西,所以我们想知道代码有什么问题。使用渲染的具体原因是什么?您可能正
render()
函数来实现这一点
我们的代码(但简化了一点)是:
当我们在项目中包含此组件时,不会调用渲染函数。我可以看到组件已加载,因为我可以读取测试数据。未调用渲染
函数的日志或任何其他符号
这可能是一个明显的错误,因为我们以前从来没有这样做过,但是因为这是我们必须用来解决这个问题的东西,所以我们想知道代码有什么问题。使用
渲染的具体原因是什么?您可能正在查找装入的
下面是Vue.js 2.0的生命周期挂钩的完整列表 我仍然不知道出了什么问题,但删除组件并将旧代码复制到新文件中似乎可以解决问题。如果从头开始重新创建组件文件时,它起作用,那么问题可能是您在原始文件中错误地留下了一个节。我就是这样。如果您的组件带有自己的
,它将用于渲染,并且您的render()
函数将永远不会被调用。我们希望使用css网格创建一个响应表。此表具有不同的按功能排序的功能,这些功能必须在单击时更新。我假设render
将自行处理此问题,而挂载的则必须手动处理。我认为您对渲染Vue处理哪些方面感到困惑。Vue创建和修改DOM元素。您可以在
标记中声明这些DOM元素。
标记只包含应用程序的状态和脚本元素。我所拥有的数据包含表的内容。因为数据是一个2D数组(带有单元格的行),而我们没有行容器(因为我们使用的是CSS网格)。这意味着我们需要在一个元素中使用2v-for
s。由于这是不可能的,我们希望使用Javascript创建元素。必须呈现的数据可以动态更改(ajax请求),因此也必须定期更新。您是说render
函数不负责动态渲染吗?使用render
的一个原因是尝试实现一些类似编译错误的东西<代码>测试数据
是无效的属性名称testdata
或testdata
应该可以工作。在提出问题的那一刻,我身上没有代码,所以我从头开始做了。这在真正的代码中不是问题。明白。除此之外,我在发布的代码中没有看到任何问题。你可以从钢笔里看出它是有效的。
export default {
name: 'od-table',
data() {
return {
testData: []
}
},
render() {
console.log("render function")
}
};