javascript - vue menukar elemen nod semasa

Question

Soalan saya ialah. Klik 1111 dan kemudian 111 disembunyikan dan 222 dipaparkan. . Persoalannya, bagaimana saya menyembunyikan unsur adik-beradik dan bukannya semua 2222? ?
Satu lagi soalan

Bagaimana untuk menggunakan sintaks ini? ? Bukankah fungsi ini b(kembali a+1)? ?

Answer 1

Soalan pertama: Anda harus menggunakannya mengikut peraturan Vue

<p id="app">
  <ul>
    <li v-for="item in items">
      <p v-if="item.visible" v-text="item.content1" @click="item.visible=false"></p>
      <p v-if="!item.visible" v-text="item.content2" @click="item.visible=true"></p>
    </li>
  </ul>
</p>

new Vue({
  el: '#app',
  data() {
    return {
      items: [{
        content1: "11111",
        content2: "22222",
        visible: true
      }, {
        content1: "33333",
        content2: "44444",
        visible: true
      }]
    }
  }
});

Demo dalam talian: https://jsfiddle.net/n6sga9v2/

Soalan kedua:

Adakah anda bercakap tentang fungsi anak panah? Jika ya, maka tatabahasa yang anda gunakan adalah salah. Ada artikel pendek yang anda boleh baca

Fungsi Anak Panah Siri 3 Bermula ES2015

Answer 2

1. Kawal elemen berbeza dengan atribut berbeza

2. const b = () => d + 1

Pelajari asas JS sebelum bertanya soalan.