이번에는 vue.js에서 배열 데이터를 연산하는 방법을 알려드리겠습니다. vue.js를 사용하여 배열 데이터를 연산할 때 주의사항은 무엇인가요? 실제 사례를 살펴보겠습니다.
1. 기본적으로 Vue.js는 배열에 반복되는 데이터 추가를 지원하지 않습니다. 이는 track-by="$index"
track-by="$index"
来实现。
2、不使用track-by="$index"的数组插入,数组不支持重复数据的插入
2.1 JavaScript代码
<script></script> <script> window.onload = function() { vm = new Vue({ el: '#app', data: { arrMsg: ['apple', 'orage', 'pear'] }, methods: { add: function() { this.arrMsg.push('tamota'); } } }); } </script>
2.2 html代码
<p> <!--显示数据--> </p>
3、使用track-by="$index"的数组插入,数组支持重复数据的插入
3.1 Javascript代码
<script></script> <script> window.onload = function() { vm = new Vue({ el: '#app', data: { arrMsg: ['apple', 'orage', 'pear'] }, methods: { add: function() { this.arrMsg.push('tamota'); } } }); } </script>
3.2 html代码
<p> <!--显示数据--> </p>
4、完整代码
nbsp;html><script></script> <script> window.onload = function() { vm = new Vue({ el: '#app', data: { arrMsg: ['apple', 'orage', 'pear'] }, methods: { add: function() { this.arrMsg.push('tamota'); } } }); } </script> <p> <!--显示数据--> </p>
ps:下面看下vue 数组重复,循环报错
Vue.js默认不支持往数组中加入重复的数据。可以使用track-by="$index"
를 사용하여 달성할 수 있습니다.
code
rrreee
rrreee
3. 배열 삽입을 위해 track-by="$index"를 사용하세요. 배열은 반복되는 데이터 삽입을 지원합니다
track-by="$index"
를 사용하여 달성할 수 있습니다. 🎜🎜이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요! 🎜🎜추천 도서: 🎜🎜🎜🎜🎜🎜🎜🎜위 내용은 vue.js 배열 데이터 조작 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!