Canvas 如何驱动画布标记并在画布中保存内容

有源代码

如何正确使用v-for驱动画布标签

有这样的类或指令吗？

slice（）

不会修改原始数组，也许在最后一行中您指的是

splice（）

这将创建与

arr

中的项目一样多的不同画布元素：

注意：要让vue.js跟踪

v-for

中的哪个元素，必须指定一个唯一且稳定的值作为

键。仅凭唯一性是不够的，它必须保持与同一元素关联的相同值，否则vue将混淆

在本例中，删除条目时索引会更改，而
项
是标识元素的值。因此，您必须指定
：key=“item”


var-app=新的Vue({
el:“#应用程序”，
数据（）{
返回{
arr:[]，
};
},
已创建：函数（）{
设arr=[]；
arr.push（{id:1}）；//有一个画布并在画布中绘制东西
arr.push（{id:2}）；//拥有新画布，并在画布中绘制东西
arr=arr.slice（0,1）；//删除第一个元素，相关画布和其他画布都是无序的
arr.splice（0,0，{id:3}）；//画布标记显示相同的无序
控制台日志（arr）；
this.arr=arr；
}
})
画布{
宽度：300px；
高度：150像素；
边框：1px纯绿色；
利润率：10px；
}

你想要实现什么以及你得到了什么？也分享任何现场演示？请看那里是的，剪接，对不起，我输入了一个错误的单词。我的意思是，在以另一种方式更改数组arr之前——单击一个按钮，所有画布都绘制了许多图形。更改arr的元素不正确控制相关画布标记，arr删除或更改订单的画布图形不正确显示。很抱歉，我无法理解您的问题。您是否可以创建一个简单的问题演示，例如使用？非常感谢，请看那里您必须使用
：key=“item”
而不是
：key=“index”
，因为标识内容的唯一键是
item
，而当您删除项目时，索引会发生变化，从而混淆vue。作为一般原则，
：键
应该是唯一和稳定的（总是识别相同的元素）。此外，即使没有必要，我建议为画布使用单独的组件。这允许简化代码并使其更干净。例如：。如果你认为这个答案是令人满意的，请考虑将它标记为：