javascript - Bagaimana untuk melaksanakan pengisihan v-for="n dalam 10", lalai adalah 1 hingga 10, bagaimana untuk melaksanakan dari 10 hingga 1?
習慣沉默
習慣沉默 2017-05-19 10:25:39
0
7
706

v-for="n in 10" Bagaimana untuk melaksanakan pengisihan?

習慣沉默
習慣沉默

membalas semua(7)
滿天的星座

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


      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的某个属性值。


建议你循环一个数组或对象,不要直接循环数字。除非逻辑真的很简单,就是循环生成几个标签。把一个数组元素排序你还可以采用,sort()传入倒序排序函数,这样就可以用计算属性,先映射排序数组到计算属性,然后v-for

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#🎜🎜#
给我你的怀抱

Kemudian anda perlu membina tatasusunan untuk menyimpan 10~1

滿天的星座

Anda boleh menggunakan atribut yang dikira untuk mendapatkan butiran, lihat [Portal].

【Di sini】

Ty80

Jika dalam vue, anda juga boleh mempertimbangkan untuk menggunakan penapis untuk menukar

仅有的幸福
<select>
    <option v-for="n in 21" :value="22-n">{{22-n}}</option>
</select>

<select>
    <option v-for="n in 21" :id="22-n">{{22-n}}</option>
</select>
这两段,为什么上面这个value值就没有用,而id就可以呢?
小葫芦

3 kaedah: 1. Gunakan penapis 2. Kira atribut 3. Acara kaedah Memproses acara 11-n agak mudah

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan