vue 怎么样不重复往数组里插入数据_Vue.js在数组中插入重复数据的实现代码分享...
1、在默認的情況下，Vue.js默認不支持往數(shù)組中加入重復的數(shù)據(jù)?？梢允褂胻rack-by="$index"來實現(xiàn)。
2、不使用track-by="$index"的數(shù)組插入，數(shù)組不支持重復數(shù)據(jù)的插入
2.1? JavaScript代碼
window.onload = function() {
vm = new Vue({
el: '#app',
data: {
arrMsg: ['apple', 'orage', 'pear']
},
methods: {
add: function() {
this.arrMsg.push('tamota');
}
}
});
}
2.2? html代碼
{{value}}
增加數(shù)據(jù)
2.2? 結果
3、使用track-by="$index"的數(shù)組插入，數(shù)組支持重復數(shù)據(jù)的插入
3.1 Javascript代碼
window.onload = function() {
vm = new Vue({
el: '#app',
data: {
arrMsg: ['apple', 'orage', 'pear']
},
methods: {
add: function() {
this.arrMsg.push('tamota');
}
}
});
}
3.2 html代碼
{{value}}
增加數(shù)據(jù)
3.3 結果
4、完整代碼
window.onload = function() {
vm = new Vue({
el: '#app',
data: {
arrMsg: ['apple', 'orage', 'pear']
},
methods: {
add: function() {
this.arrMsg.push('tamota');
}
}
});
}
{{value}}
增加數(shù)據(jù)
ps：下面看下vue 數(shù)組重復，循環(huán)報錯
Vue.js默認不支持往數(shù)組中加入重復的數(shù)據(jù)。可以使用track-by="$index"來實現(xiàn)。
《新程序員》：云原生和全面數(shù)字化實踐50位技術專家共同創(chuàng)作，文字、視頻、音頻交互閱讀總結
以上是生活随笔為你收集整理的vue 怎么样不重复往数组里插入数据_Vue.js在数组中插入重复数据的实现代码分享...的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 公布获奖名单推文文案_国学养正·趣味竞答
- 下一篇： js node 打包mac应用_混搭 T