分享

vue中{{}},v-text和v-html区别与应用详解

香港云 发表于 2018-5-8 14:29:34 [显示全部楼层] 回帖奖励 阅读模式 关闭右栏 0 7410
         
  • {{}}获得值,没有会浑空标签本有内乱容     
  • v-text 获得值,会浑空标签本有内乱容,输出的是杂文本     
  • v-html 获得值,会浑空标签本有内乱容,若数据中包含html标签,将其当html标签剖析后输出
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6. </head>
  7. <body>
  8. <div id="app">

  9.     <p>上午好{{info}}</p>
  10.     <p v-text="info">上午好</p>
  11.     <p v-html="info">上午好</p>
  12.     <hr>
  13.     <p v-text="addr">hhh</p>
  14.     <p v-html="addr">hhh</p>
  15.     <hr>
  16.     <p v-text="addr2">hhh</p>
  17.     <p v-html="addr2">hhh</p>
  18. </div>

  19. </body>
  20. </html>
  21. <script src="js/vue.js"></script>
  22. <script>
  23.     new Vue({
  24.         el:"#app",
  25.         data:{
  26.             info:"good",
  27.             addr:"<a href='https://www.百度.com'>面击进进百度</a>",
  28.             addr2:'<a href="https://www.百度.com" rel="external nofollow" >百度</a>'
  29.         }
  30.     });
  31. </script>
复造代码
web前端-云社区vue中{{}},v-text和v-html区别与应用详解byun.com(1)
                               
登录/注册后可看年夜图

   
到此那篇闭于vue中{{}},v-text战v-html区分取使用详解的文章便介绍到那了,更多相干vue中{{}},v-text战v-html区分取使用内乱容请搜刮剧本之家畴前的文章或持续浏览上面的相干文章期望大家当前多多撑持剧本之家!
                                                         
       以上所述是云社区专客手艺小编经心给各人收拾整顿的本常识相干引见;期望对亲们进修事情提拔有所协助。                                     若有任何疑问、相干分享交换等,可正在本文章底部留行或批评; 欢送IT手艺妙手亦或菜鸟们各持己见、万马齐喑,让云社区成为IT手艺更好的交换进修仄台;   正在此更万分感激各人对云社区专客网站的撑持!                                                                                                                                                                                                                                                                                            
滥觞:云社区转戴;            免责声明:假如进犯了您的权益,请联络站少,我们会实时删除侵权内乱容,感谢协作!
回复

使用道具 举报

没找到任何评论,期待你打破沉寂

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

香港云服务器免费试用