Javascript – Vue ändert das aktuelle Knotenelement
巴扎黑
巴扎黑 2017-07-05 10:42:42
0
2
826


Meine Frage ist. Klicken Sie auf 1111 und dann wird 111 ausgeblendet und 222 angezeigt. . Die Frage ist: Wie verstecke ich die Geschwisterelemente anstelle aller 2222? ?
Noch eine Frage

Wie verwende ich diese Syntax? ? Ist diese Funktion nicht b(gibt a+1 zurück)? ?

巴扎黑
巴扎黑

Antworte allen(2)
小葫芦

第一个问题:你应该按照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
      }]
    }
  }
});

在线演示:https://jsfiddle.net/n6sga9v2/

第二个问题:

你是在说箭头函数吗?如果是,那你用的语法都是错的,有个小短文,你可以看看

ES2015入门系列3-箭头函数

我想大声告诉你
  1. 用不同的属性控制不同的元素

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

学好 JS 基础再来提问。

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage