装饰边框3和6编译错误
<!-- 请确定这是一个Bug反馈，而不是一个需求反馈或问题求助，否则ISSUE可能被关闭 -->
<!-- 请提供可供复现Bug的必要条件，否则ISSUE可能被关闭 -->
<!-- 创建Bug反馈前请确定你的DataV是最新版的 -->
## Bug report
#### 出现Bug的组件？
decoration3, decoration6
#### 组件配置数据？
无配置
#### 控制台错误输出？
ERROR Failed to compile with 2 errors 17:06:27
error in ./node_modules/@jiaminghi/data-view/lib/components/decoration3/src/main.vue?vue&type=template&id=5b231048
Module Error (from ./node_modules/vue-loader/dist/templateLoader.js):
VueCompilerError: <template v-for> key should be placed on the <template> tag.
at D:\Dissertations\Project1\node_modules\@jiaminghi\data-view\lib\components\decoration3\src\main.vue:9:11
7 | >
8 | <rect
9 | :key="i"
| ^^^^^^^^
10 | :fill="mergedColor[0]"
11 | :x="point[0] - halfPointSideLength"
error in ./node_modules/@jiaminghi/data-view/lib/components/decoration6/src/main.vue?vue&type=template&id=00bc6d25
Module Error (from ./node_modules/vue-loader/dist/templateLoader.js):
VueCompilerError: <template v-for> key should be placed on the <template> tag.
at D:\Dissertations\Project1\node_modules\@jiaminghi\data-view\lib\components\decoration6\src\main.vue:8:11
6 | >
7 | <rect
8 | :key="i"
| ^^^^^^^^
9 | :fill="mergedColor[Math.random() > 0.5 ? 0 : 1]"
10 | :x="point[0] - halfRectWidth"
ERROR in ./node_modules/@jiaminghi/data-view/lib/components/decoration3/src/main.vue?vue&type=template&id=5b231048 (./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@jiaminghi/data-view/lib/components/decoration3/src/main.vue?vue&type=template&id=5b231048)
Module Error (from ./node_modules/vue-loader/dist/templateLoader.js):
VueCompilerError: <template v-for> key should be placed on the <template> tag.
at D:\Dissertations\Project1\node_modules\@jiaminghi\data-view\lib\components\decoration3\src\main.vue:9:11
7 | >
8 | <rect
9 | :key="i"
| ^^^^^^^^
10 | :fill="mergedColor[0]"
11 | :x="point[0] - halfPointSideLength"
@ ./node_modules/@jiaminghi/data-view/lib/components/decoration3/src/main.vue?vue&type=template&id=5b231048 1:0-262 1:0-262
@ ./node_modules/@jiaminghi/data-view/lib/components/decoration3/src/main.vue 1:0-65 6:68-74 16:2-18:4 16:64-18:3 17:29-35
@ ./node_modules/@jiaminghi/data-view/lib/components/decoration3/index.js 3:0-41 5:16-32 5:34-45
@ ./node_modules/@jiaminghi/data-view/lib/index.js 26:0-72 26:0-72 65:0-57 111:10-21
@ ./src/main.ts 9:0-41 30:8-13
ERROR in ./node_modules/@jiaminghi/data-view/lib/components/decoration6/src/main.vue?vue&type=template&id=00bc6d25 (./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@jiaminghi/data-view/lib/components/decoration6/src/main.vue?vue&type=template&id=00bc6d25)
Module Error (from ./node_modules/vue-loader/dist/templateLoader.js):
VueCompilerError: <template v-for> key should be placed on the <template> tag.
at D:\Dissertations\Project1\node_modules\@jiaminghi\data-view\lib\components\decoration6\src\main.vue:8:11
6 | >
7 | <rect
8 | :key="i"
| ^^^^^^^^
9 | :fill="mergedColor[Math.random() > 0.5 ? 0 : 1]"
10 | :x="point[0] - halfRectWidth"
@ ./node_modules/@jiaminghi/data-view/lib/components/decoration6/src/main.vue?vue&type=template&id=00bc6d25 1:0-262 1:0-262
@ ./node_modules/@jiaminghi/data-view/lib/components/decoration6/src/main.vue 1:0-65 6:68-74 16:2-18:4 16:64-18:3 17:29-35
@ ./node_modules/@jiaminghi/data-view/lib/components/decoration6/index.js 3:0-41 5:16-32 5:34-45
@ ./node_modules/@jiaminghi/data-view/lib/index.js 29:0-72 29:0-72 68:0-57 114:10-21
@ ./src/main.ts 9:0-41 30:8-13
webpack compiled with 2 errors
#### 期望情况？
No issues found.
#### 实际情况？
#### 其他相关信息
将 `v-for="..."` 移到`<rect>`下面，删除`<template>`一级，即解决此错误
- DataV版本
- 浏览器版本
- 其他
0 条评论