<template>
<view v-for="(row, rowIndex) in data" :key="rowIndex">
<view v-for="(column, columnIndex) in columns" :key="columnIndex">
{{row[column]}}
</view>
</view>
</template>
<script>
export default {
data() {
return {
data: [{
name: '123',
name1: '222'
},{
name: '123',
name1: '222'
}],
columns: ['name', 'name1']
}
}
}
</script>
豌里个豆
- 发布：2022-01-07 11:15
- 更新：2022-02-21 19:45
- 阅读：474
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： MacOS 12.0.1
HBuilderX类型： 正式
HBuilderX版本号： 3.3.6
第三方开发者工具版本号： 1.05.2111300
基础库版本号： 2.21.2
项目创建方式： HBuilderX
示例代码：
操作步骤：
直接把上面代码复制成组件就行
直接把上面代码复制成组件就行
预期结果：
理论上应该可以正常渲染的
理论上应该可以正常渲染的
实际结果：
提示row未定义，即 row[column]未正确解析
ReferenceError: row is not defined
at xx-table.js? [sm]:252
at vFor (vendor.js? [sm]:4705)
at Object.f (vendor.js? [sm]:4743)
at Proxy._sfc_render (xx-table.js? [sm]:250)
at renderComponentRoot (vendor.js? [sm]:4338)
at ReactiveEffect.componentUpdateFn [as fn] (vendor.js? [sm]:4392)
at ReactiveEffect.run (vendor.js? [sm]:1161)
at setupRenderEffect (vendor.js? [sm]:4416)
at mountComponent (vendor.js? [sm]:4312)
at createComponent3 (vendor.js? [sm]:4445)(env: macOS,mp,1.05.2111300; lib: 2.21.2)
提示row未定义，即 row[column]未正确解析
ReferenceError: row is not defined
at xx-table.js? [sm]:252
at vFor (vendor.js? [sm]:4705)
at Object.f (vendor.js? [sm]:4743)
at Proxy._sfc_render (xx-table.js? [sm]:250)
at renderComponentRoot (vendor.js? [sm]:4338)
at ReactiveEffect.componentUpdateFn [as fn] (vendor.js? [sm]:4392)
at ReactiveEffect.run (vendor.js? [sm]:1161)
at setupRenderEffect (vendor.js? [sm]:4416)
at mountComponent (vendor.js? [sm]:4312)
at createComponent3 (vendor.js? [sm]:4445)(env: macOS,mp,1.05.2111300; lib: 2.21.2)bug描述：
写一个小程序的table组件发现无法动态渲染表格数据，因为使用了先循环表格数据，再循环列名，根据列名顺序动态渲染表格数据，vue2版本是可以渲染的，但是vue3版本却不行，直接报错了
报错信息
ReferenceError: row is not defined
at xx-table.js? [sm]:252
at vFor (vendor.js? [sm]:4705)
at Object.f (vendor.js? [sm]:4743)
at Proxy._sfc_render (xx-table.js? [sm]:250)
at renderComponentRoot (vendor.js? [sm]:4338)
at ReactiveEffect.componentUpdateFn [as fn] (vendor.js? [sm]:4392)
at ReactiveEffect.run (vendor.js? [sm]:1161)
at setupRenderEffect (vendor.js? [sm]:4416)
at mountComponent (vendor.js? [sm]:4312)
at createComponent3 (vendor.js? [sm]:4445)(env: macOS,mp,1.05.2111300; lib: 2.21.2)
豌里个豆 (作者)
uniapp vue2版本是可以的
2022-01-12 16:18