首页 > Web开发 > 详细

Vue指令之`v-text`和`v-html`

时间:2019-09-23 16:44:57      阅读:115      评论:0      收藏:0      [点我收藏+]

v-text:

没有加载闪烁问题,它会覆盖元素中原本的内容,但是插值表达式,只会替换自己的这个占位符,不会把 整个元素的内容清空。

v-html:

使用v-html可以把标签元素也能显示在元素上

    <div>{{msg2}}</div>
    <div v-text="msg2"></div>
    <div v-html="msg2">1212112</div>

<script>
    var vm = new Vue({
      el: #app,
      data: {
        msg: 123,
        msg2: <h1>哈哈,我是一个大大的H1, 我大,我骄傲</h1>,
        mytitle: 这是一个自己定义的title
      },
      methods: { // 这个 methods属性中定义了当前Vue实例所有可用的方法
        show: function () {
          alert(Hello)
        }
      }
    })

 

Vue指令之`v-text`和`v-html`

原文:https://www.cnblogs.com/xiaowie/p/11572015.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!