javascript - vue更改目前節點元素
巴扎黑
巴扎黑 2017-07-05 10:42:42
0
2
827


我的問題是。點選1111然後111隱藏,222顯示。 。問題是,我要怎麼隱藏兄弟元素,而不是所有的2222? ?
還有一個問題

這個語法怎麼用? ?這不是 function b(return a 1)嗎? ?

巴扎黑
巴扎黑

全部回覆(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 基礎再來提問。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板