javascript - Nilai data dalam vue tidak boleh diubah

Question

Nilai nama dan nilai panjang makluman dalam dicipta adalah betul Mengapakah nilai nama dalam pilihan tidak ditentukan, dan nilai panjang dan pendek yang diubah dalam dicipta adalah benar, tetapi ia masih palsu pada halaman

.

            <li v-bind:class={active:long}  @click='chose'>
                <router-link to='/long'>第一页{{long}}</router-link>
            </li>
            <li v-bind:class={active:short}>
                <router-link to='/short'>第二页{{short}}</router-link>

            </li>
            

Tidak kira apa nilai nama yang diluluskan, panjang dan pendek dalam halaman adalah palsu

 import Vue from 'vue';
    export default  {
      props: ['name'],
      data() {
            return {             
                long:false,
                short:false,

            }
        },
        methods:{

            chose(){
                console.log(this.name);//这里输出undefined
                console.log(this.short);
            }

        },
        created(){
           var name=this.name;
           console.log(name);//这里值是正确的
           switch (name){
              case "long":
                   this.long=true;
                   alert(that.long+"long");//当name值为long时弹出true
                   break;
               case "short":
                   alert(name);
                   this.short=true;
                   break;
              
           }
        },


    }

Answer 1

Logik kod anda kelihatan sangat mengelirukan Terdapat lompatan halaman dalam acara klik. Saya tidak melihat definisi anda tentang itu, dan saya juga tidak melihatnya di this.shop. Semak dengan teliti langkah demi langkah.