zoukankan      html  css  js  c++  java
  • 点击事件交互示例

    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
      </head>
      <body>
        <div id="app">
          <span v-if="show">数据展示</span><br />
    //点击事件
          <button v-on:click="hiddenDate">隐藏数据</button>
          <button @click="showDate">显示数据</button>
        </div>
        <script>
          var v = new Vue({
            el: "#app",
            data: {
              show: true,
            },
            methods: {
    //隐藏数据
              hiddenDate: function () {
                this.show = false;
              },
    //显示数据
              showDate: function () {
                this.show = true;
              },
            },
          });
        </script>
      </body>
    </html>
  • 相关阅读:
    练习课(二)
    html5,实例开发代码
    html,移动端代码
    html5,导航
    html5,表格与框架综合布局
    html5,表格
    HTML5,添加图片
    HTML5,超级链接
    access链接最原始代码,两种
    显示刚刚添加的最后一条数据,access,选择语句,select
  • 原文地址:https://www.cnblogs.com/kukai/p/12852787.html
Copyright © 2011-2022 走看看