鍍金池/ 問答/HTML/ Vue使用click控制v-show/v-if的簡寫方式？

Vue使用click控制v-show/v-if的簡寫方式？

<button v-click='btn'>按鈕</button>
<div v-show="div">
   一個DIV
</div>

div:true;

btn(){
    this.div=!this.div
}

是不是有簡寫的方式可以直接控制呢？

回答
編輯回答
款爺

@click= ，使用的語法糖 相當(dāng)于 v-on:click=

2017年2月26日 21:05
編輯回答
筱饞貓
<template>
  <div>
    <button @click="visible = !visible">按鈕</button>
    <div v-show="visible">
      一個 DIV
    </div>
  </div>
</template>
export default {
  data() {
    return {
      visible: false,
    };
  },
}
2017年12月5日 08:37