zoukankan      html  css  js  c++  java
  • Vue 中 使用v-show

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title></title>
            <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        </head>
        <body>
            <div id="app">
                    <h1 v-show="ok">Hello!</h1>  //条件为TRUE,输出
                    <h1 v-show="error">false!</h1>  //条件为false,不输出
                    <h1 v-show="10>5">10大于5,输出!</h1>   //条件为TRUE,输出
                    <h1 v-show="2>10">不大于10,不输出!</h1>   //条件为false,不输出
            </div>
        </body>
        <script>
            new Vue({
                el: '#app',
                data: {
                    ok: true,
                    error: false
                }
            })
        </script>
    </html>

    截图:

  • 相关阅读:
    PG
    unzip
    yum
    PG
    SQL
    Grails
    Grails
    Grails
    Chrome
    HTML
  • 原文地址:https://www.cnblogs.com/nongzihong/p/10683183.html
Copyright © 2011-2022 走看看