14.v-if和v-show的使用

柔光的暖阳◎ 2021-12-09 15:47 89阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Document</title>
      <script src="./lib/vue-2.4.0.js"></script>
    </head>
    
    <body>
      <div id="app">
    
        
        <input type="button" value="toggle" @click="flag=!flag">
    
        
        
    
        
        
    
        
        
        <h3 v-if="flag">这是用v-if控制的元素</h3>
        <h3 v-show="flag">这是用v-show控制的元素</h3>
    
      </div>
    
      <script>
        // 创建 Vue 实例，得到 ViewModel
        var vm = new Vue({
          el: '#app',
          data: {
            flag: false
          },
          methods: {
            /* toggle() {
              this.flag = !this.flag
            } */
          }
        });
      </script>
    </body>
    
    </html>

转载于:https://www.cnblogs.com/hanotao/p/10897419.html

发表评论取消回复

表情：

评论列表（有 0 条评论，89人围观）

还没有评论，来说两句吧...

相关阅读

相关 14、super和this的比较

![c4214375e8824a7bbf5724667c13a88c.png][] [c4214375e8824a7bbf5724667c13a88c.png]: http

Dear 丶/ 2024年04月01日 15:20/ 0 赞/ 32 阅读

相关 14_Spring_JDBCTemplate的使用

JdbcTemplate概述 JdbcTemplate是spring框架中提供的一个对象，是对原始繁琐的Jdbc API对象的简单封装。spring框架为我们提供了很多的操作

小灰灰/ 2023年10月03日 22:27/ 0 赞/ 17 阅读

相关 VIF检验相关性

`VIF`可以用来度量多重共线性问题， V I F j = 1 1 − R j 2 \\quad \\mathrm\{VIF\}\_\{j\}=\\frac\{1\}\{1-R

冷不防/ 2022年09月12日 02:55/ 0 赞/ 280 阅读

相关 ubuntu14.04 使用传统的netcat

Ubuntu上默认安装的是netcat-openbsd,而不是经典的netcat-traditional. 网上例子很多都是以netcat-traditional为例.

Bertha 。/ 2022年08月19日 15:13/ 0 赞/ 146 阅读

相关 C++11/14中 auto 和 decltype的使用

转自：[https://github.com/changkun/cpp1x-tutorial][https_github.com_changkun_cpp1x-tutorial

￡神魔★判官ぃ/ 2022年05月29日 07:06/ 0 赞/ 157 阅读

相关 Ubuntu 14.04安装和使用python3.5

Ubuntu14.04系统会自带python2.7,请不要卸载它，不同版本的Python可以共存。 \sudo add-apt-repository ppa:fkrull/d

忘是亡心i/ 2022年05月25日 14:27/ 0 赞/ 47 阅读

相关 SpringBoot14:thymeleaf的使用（代替jsp）

第一步：添加thymeleaf启动器依赖  <dependency>

ゞ浴缸里的玫瑰/ 2022年04月25日 09:58/ 0 赞/ 132 阅读

相关 14、集合--TreeSet的使用和相关说明

TreeSet是SortedSet接口的唯一实现可以确保集合元素处于排序状态 TreeSet并不是根据元素的插入顺序进行排序的而是根据元素实际的值进行排序

深碍√TFBOYSˉ_/ 2021年12月20日 07:45/ 0 赞/ 122 阅读

相关 14、集合--TreeSet的使用和相关说明

TreeSet是SortedSet接口的唯一实现可以确保集合元素处于排序状态 TreeSet并不是根据元素的插入顺序进行排序的而是根据元素实际的值进行排序与Has

布满荆棘的人生/ 2021年12月17日 06:55/ 0 赞/ 157 阅读

相关 14.v-if和v-show的使用

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

柔光的暖阳◎/ 2021年12月09日 15:47/ 0 赞/ 90 阅读