zoukankan      html  css  js  c++  java
  • v-if,v-else数据绑定

    <!DOCTYPE html>
    <html>
      <head>
      <meta charset="UTF-8">
      <title>vue数据绑定</title>
      <script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
      </head>
      <body>
        <div class="test">
          <p v-if="isShow">我是白云</p>
          <p v-else>我是黑土</p>
          <button @click="checkout">交换</button>
        </div>
        <script type="text/javascript">
          var myVue = new Vue({
            el: ".test",
            data: {
              isShow: true
            },
            methods: {
              checkout:function() {
                if(this.isShow==true) {
                  this.isShow=false;
                }else {
                  this.isShow=true
                }
              }
            }
          })
        </script>
      </body>
    </html>

  • 相关阅读:
    Sql优化思路
    「网络流随想随记」
    「ZJOI 的部分题解整理」
    「循环矩阵相关的一些东西」
    知识蒸馏
    3D Human Pose Estimation with 2D Marginal Heatmaps
    模型剪枝
    目标检测小网络
    selenium---解决clear方法失效
    selenium---快速跳转到指定元素
  • 原文地址:https://www.cnblogs.com/u1107562/p/6423091.html
Copyright © 2011-2022 走看看