search

DataV-Team / DataV

Vue数据可视化组件库（类似阿里DataV，大屏数据展示），提供SVG的边框及装饰、图表、水位图、飞线图等组件，简单易用，长期更新(React版已发布)
http://datav.jiaminghi.com
MIT License
8.98k stars 1.77k forks source link

npm install @jiaminghi/data-view =》<template v-for> key should be placed on the <template> tag #326

Open nancy-lanlan opened 2 months ago

nancy-lanlan commented 2 months ago

Bug report

出现Bug的组件？

1.node_modules\@jiaminghi\data-view\lib\components\decoration3\src\main.vue

2.node_modules\@jiaminghi\data-view\lib\components\decoration6\src\main.vue

组件配置数据？

1.node_modules\@jiaminghi\data-view\lib\components\decoration3\src\main.vue <template v-for="(point, i) in points"

<rect :key="i" :fill="mergedColor[0]" :x="point[0] - halfPointSideLength" :y="point[1] - halfPointSideLength" :width="pointSideLength" :height="pointSideLength"

2.node_modules\@jiaminghi\data-view\lib\components\decoration6\src\main.vue <template v-for="(point, i) in points"

<rect :key="i" :fill="mergedColor[Math.random() > 0.5 ? 0 : 1]" :x="point[0] - halfRectWidth" :y="point[1] - heights[i] / 2" :width="rectWidth" :height="heights[i]"

控制台错误输出？

[plugin:vite:vue]