Vue.js 表格单元格上的VueJS转换
我试图让转换在VueJS中的表单元格元素上工作，并让它们在对象中更改的项目上工作。我将Vuex用于数据存储，但我似乎无法让它们在单个单元格上工作(Vue.js 表格单元格上的VueJS转换,vue.js,transitions,vuex,Vue.js,Transitions,Vuex,我试图让转换在VueJS中的表单元格元素上工作，并让它们在对象中更改的项目上工作。我将Vuex用于数据存储，但我似乎无法让它们在单个单元格上工作( //此调用状态数据。 常量状态={ 项目：[{ id:1， 文字：“你好”， 姓名：“比尔” }, { id:2， 文字：'那里'， 姓名：“黛安” }, { id:3， 文字：“我的”， 名字：“约翰” }, { id:4， 文本：“名称”， 名字：“安妮” }, { id:5， 文本：“是”， 姓名：“弗雷德” }, { id:6， 文字：“你
//此调用状态数据。
常量状态={
项目：[{
id:1，
文字：“你好”，
姓名：“比尔”
}, {
id:2，
文字：'那里'，
姓名：“黛安”
}, {
id:3，
文字：“我的”，
名字：“约翰”
}, {
id:4，
文本：“名称”，
名字：“安妮”
}, {
id:5，
文本：“是”，
姓名：“弗雷德”
}, {
id:6，
文字：“你好”，
名字：“亚斯敏”
}, ]
}
//这看起来像是事件。
常数突变={
UPDATEITEM（状态、项）{
var changedItem=state.items.find（（checkItem）=>{
返回checkItem.id==item.id；
});
如果（项目文本）{
changedItem.text=item.text；
}else if（item.name）{
changedItem.name=item.name；
}
},
}
//这是商店！！！。
const store=新的Vuex.store({
国家,，
突变，
吸气剂：{
项目：功能（状态）{
返回状态.items
}
},
//调遣行动
行动：{
UPDATEITEM：函数（存储、项）{
提交（'UPDATEITEM'，项）
}
}
})
//Vue
const vm=新的Vue({
el:'集装箱'，
数据：{
id:3，
名称：“”，
文本：“”
},
商店，
方法：{
changeName:function（）{
常数项={
id:this.id，
姓名：this.name
};
此.$store.dispatch（'UPDATEITEM'，item）；
},
changeText:function（）{
常数项={
id:this.id，
text:this.text
};
此.$store.dispatch（'UPDATEITEM'，item）；
},
getItemById:函数（id）{
var item=this.items.find（（checkItem）=>{
返回checkItem.id==id；
});
如果（项目）{
退货项目；
}否则{
返回{
名称：“”
};
}
}
},
计算：{
项目：{
得到（）{
返回此。$store.getters.items；
}
}
}
})。更新进入活动状态{
过渡：全部。5秒轻松；
}
.更新休假活动{
过渡：全部。5秒放松；
}
.update enter，.update leave to{
不透明度：.5；
背景色：#fd0；
}
名称
消息
{{item.name}
{{item.text}
用户id:
{{getItemById（id.name}}
更改名称：
更改文本：
<td><transition name="update">
<span :key="item.name">{{item.name}}</span>
</transition></td>
{{item.name}