在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue v-if通過按鈕改變變量true/false v-if不再執(zhí)行了嗎

vue v-if通過按鈕改變變量true/false v-if不再執(zhí)行了嗎

<template>
  <div id="main">
    <span v-if="title">aaa</span>
    <span v-else>bbb</span>
    <button @click="clickme">aaaaa</button>
  </div>
</template>

<script>
export default{
  data () {
    return {
      title: true,
      showIn: false,
      imageSrc: 'http://www.baidu.com',
      classA: 'aaa',
      classB: 'bbb',
      num: 0
    }
  },
  methods: {
    clickme () {
      if (this.title === true) {
        this.title = false
        console.log(this.title)
      } else {
        this.title = true
        console.log(this.title)
      }
    }
  }
}
</script>
回答
編輯回答
尛憇藌

this.title === 'ture'三個等號是嚴格等于，會判斷數(shù)據(jù)類型的，ture和'true'是嚴格不相等的，true為布爾值，'true'為字符串

2018年4月3日 03:02
編輯回答
故林

請參照這個(簡單暴力)：

<template>
  <div id="main">
    <span v-if="title">aaa</span>
    <span v-else>bbb</span>
    <button @click="clickme">aaaaa</button>
  </div>
</template>

<script>
export default{
  data () {
    return {
      title: true
    }
  },
  methods: {
    clickme () {
      this.title = !this.title;
    }
  }
}
</script>
2018年9月23日 09:59