Penyoal tidak menulis teg vue tetapi saya melihat arahan v-for. Andaikan terdapat komponen vue berikut
var vm = new Vue({
el: '#app',
template: `
<ul>
<li v-for="item in arr">loop {{item}}</li>
</ul>
`,
filters: {
},
data() {
return {
arr:10,
}
},
})
1.guna pakai penapis
filters: {
sort(v) {
if (!v)
return ''
else {
return 11 - v
}
},
template:`<ul><li v-for="item in arr">{{item|sort}}</li></ul>`
2.Menggunakan kaedah vue
template: `
<ul>
<li v-for="item in arr">{{reverseNumber(item)}}</li>
</ul>
`,
methods: {
reverseNumber(x) {
return 11 - x
},
}
Tiada cara untuk menggunakan atribut yang dikira untuk menggelungkan nombor seperti ini Atribut yang dikira adalah apabila nilai dalam data ditukar dan memetakannya kepada nilai lain adalah bersamaan dengan fungsi, dan v-for menggelung melalui data senarai, yang setara dengan iterator, dan tidak mengubah nilai atribut tertentu data data. data中一个值改变后,把他映射到另外一个值相当于一个函数,而v-for是循环了列表的数据相当于一个迭代器,并没有改变数据data的某个属性值。
Anda disyorkan agar menggelung tatasusunan atau objek dan bukannya menggelung nombor terus #🎜🎜#. Melainkan logiknya sangat mudah, ia hanya menghasilkan beberapa tag dalam satu gelung. Untuk mengisih elemen tatasusunan, anda juga boleh menggunakan sort() untuk menghantar dalam fungsi tertib terbalik, supaya anda boleh menggunakan atribut yang dikira Mula-mula memetakan tatasusunan yang diisih kepada atribut yang dikira, dan kemudian v-forcode> menggelungkan pengiraan bagi sifat terbalik. Perintah terbalik juga boleh dilaksanakan. #🎜🎜#
#🎜🎜#Dalam kes mudah, saya syorkan menggunakan penapis, iaitu saluran paip bersudut#🎜🎜#
Kalau nak pergi dari 10 ke 1, teruskan
11 - n
...Kenapa awak tegak sangat...
Penyoal tidak menulis teg vue tetapi saya melihat arahan v-for.
Andaikan terdapat komponen vue berikut
1.guna pakai penapis
2.Menggunakan kaedah vue
Tiada cara untuk menggunakan atribut yang dikira untuk menggelungkan nombor seperti ini Atribut yang dikira adalah apabila nilai dalamdata ditukar dan memetakannya kepada nilai lain adalah bersamaan dengan fungsi, dan
v-for
menggelung melalui data senarai, yang setara dengan iterator, dan tidak mengubah nilai atribut tertentu data data.data
中一个值改变后,把他映射到另外一个值相当于一个函数,而v-for
是循环了列表的数据相当于一个迭代器,并没有改变数据data的某个属性值。建议你循环一个数组或对象,不要直接循环数字。除非逻辑真的很简单,就是循环生成几个标签。把一个数组元素排序你还可以采用,sort()传入倒序排序函数,这样就可以用计算属性,先映射排序数组到计算属性,然后
Anda disyorkan agar menggelung tatasusunan atau objek dan bukannya menggelung nombor terus #🎜🎜#. Melainkan logiknya sangat mudah, ia hanya menghasilkan beberapa tag dalam satu gelung. Untuk mengisih elemen tatasusunan, anda juga boleh menggunakan sort() untuk menghantar dalam fungsi tertib terbalik, supaya anda boleh menggunakan atribut yang dikira Mula-mula memetakan tatasusunan yang diisih kepada atribut yang dikira, dan kemudianv-for
v-forcode> menggelungkan pengiraan bagi sifat terbalik. Perintah terbalik juga boleh dilaksanakan. #🎜🎜# #🎜🎜#Dalam kes mudah, saya syorkan menggunakan penapis, iaitu saluran paip bersudut#🎜🎜#
Kemudian anda perlu membina tatasusunan untuk menyimpan 10~1
Anda boleh menggunakan atribut yang dikira untuk mendapatkan butiran, lihat [Portal].
【Di sini】Jika dalam vue, anda juga boleh mempertimbangkan untuk menggunakan penapis untuk menukar
3 kaedah: 1. Gunakan penapis 2. Kira atribut 3. Acara kaedah Memproses acara 11-n agak mudah