zoukankan      html  css  js  c++  java
  • Vue常用V-标签

    1.v-once: 只绑定一次

    2.v-html

    <div v-html='name'></div> //会渲染标签

    var app = new Vue({

       el:'#app',

       data:{

         name:'<p>123</p>'

        }

    })

    <div v-html='>{{name}}</div> //不会渲染标签

    3.v-if,v-else

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8" />
    <title></title>
    <script src="https://cdn.bootcss.com/vue/2.5.16/vue.js"></script>
    </head>
    <body>
    <div id="app">
    <div v-if="name=='1'">1</div>
    <div v-else-if="name=='2'">2</div>
    <div v-else>3</div>
    <input type="text" name="" id="" v-model="name" />
    </div>
    <script>
    new Vue({
    el:'#app',
    data:{
    show:false,
    name:'1'
    }
    })
    </script>
    </body>
    </html>

  • 相关阅读:
    Web中Servlet简单总结
    JavaSE进阶的面试题
    多线程简单总结
    Java基础集合简单总结
    内部类和Lambda
    多态
    接口
    继承
    uni-app 中uCharts
    vue 组件传值
  • 原文地址:https://www.cnblogs.com/qiyc/p/9222712.html
Copyright © 2011-2022 走看看