首页  >  问答  >  正文

javascript - vue更改当前节点元素


我的问题是。点击1111然后111隐藏,222显示。。问题是,我怎么隐藏兄弟元素,而不是所有的2222??
还有一个问题

这个语法怎么用??这不是 function b(return a+1)吗??

巴扎黑巴扎黑2669 天前783

全部回复(2)我来回复

  • 高洛峰

    高洛峰2017-07-05 10:44:42

    第一个问题:你应该按照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-箭头函数

    回复
    0
  • 我想大声告诉你

    我想大声告诉你2017-07-05 10:44:42

    1. 用不同的属性控制不同的元素

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

    学好 JS 基础再来提问。

    回复
    0
  • 取消回复