vuejs之v-show

发布时间：2020-12-16 23:03:15 所属栏目：百科来源：网络整理

导读：看一个例子： html head script src ="https://cdn.jsdelivr.net/npm/vue/dist/vue.js" / script / body div id ="app" input type ="button" value ="显示与否" @click ="changisshow" h2 v-show ="isshow" {{message}} h2 div var app = new Vue({ el: '#a

看一个例子：

<html>

head>
  script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</bodydiv id="app">
    input type="button" value="显示与否" @click="changisshow"h2 v-show="isshow">{{message}}h2div>
    var app = new Vue({
      el: '#app',data: {
        isshow: false,message: "这是内容",},methods: {
        changisshow: function () {
          this.isshow = !this.isshow;
        },})
  >

结果：

点击：

说明：v-show用于根据布尔值来进行相关标签的显示和不显示。这里的布尔值可以是利用表达式进行判断的。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!