Apakah kaedah untuk melintasi sifat objek dalam Vue?

Kaedah untuk melintasi sifat objek ialah: 1. Gunakan arahan v-for untuk melintasi kunci dan nilai objek, dengan sintaks "v-for="(val,key,i ) dalam obj"; 2. Gunakan Object.keys() merentasi kekunci dan nilai objek, sintaksnya ialah "Object.keys(ob).forEach(key=>{...}"; 3. Lintas kekunci dan nilai objek melalui gelung "untuk...dalam", Sintaks "untuk(letakkan kekunci dalam obj){...}". 🎜>

Persekitaran pengendalian tutorial ini: sistem windows7, versi vue3, komputer DELL G3 🎜>

Baru-baru ini melalui kajian mendalam tentang pengetahuan berkaitan objek, saya mendapati bahawa traversal objek terbahagi kepada dua situasi. , satu melintasi dalam halaman, dan satu lagi melintasi objek dalam kaedah Sekarang kita akan mulakan dari kedua-dua situasi ini, melintasi objek untuk mendapatkan kunci dan nilai objek masing-masing 🎜>

Kes 1: Lintas objek dalam halaman untuk mendapatkan kunci dan nilai objek

gunakan v-for dalam halaman. untuk melintasi kunci dan nilai objek

untuk mencapai kesan

  obj:object={a:1,b:2,c:3};//用于在页面中调用

Kes 2: Lintas objek dalam kaedah untuk mendapatkan kunci dan nilai objek

    <div>
      <h1>
        获取对象的key和value      </h1>
      <p>key:{{key}}-----value:{{value}}</p>
    </div>

Tentukan pembolehubah objek

Kaedah 1: Gunakan Kaedah Object.keys() untuk melintasi kunci dan nilai objek

Kaedah 1 mencapai kesan:

objNum:object={1:'a',2:'b',3:'c'};

Kaedah 2: Lintas kekunci dan nilai objek melalui gelung untuk dalam

//实现思路：通过 Object.keys()对象方法将对象的key转化为一个数组，再通过forEach遍历出数组的值，再通过[key]去获取对象的value值。
    Object.keys(this.objNum).forEach(key=>{
      console.log('key:',key,'value:',this.objNum[key]);
  }

Kaedah 2 mencapai kesan:

[Cadangan berkaitan:

tutorial video vuejs, pembangunan bahagian hadapan web

]

    for(let key in this.objNum){
    //for循环let key是对象里面的键，再通过,[]的形式this.objNum[item]去获取对象的value值
      console.log('key',key);
      console.log('value',this.objNum[key ]);
    }

Atas ialah kandungan terperinci Apakah kaedah untuk melintasi sifat objek dalam Vue?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!