初识Vue 3.0 —— v-html: 插入html
七娃博客28 次
<h5>9.v-html插入html</h5> <div class="htmlbox"> <p>没有用v-html:{{ rhtml }}</p> <p>用v-html:<span v-html="rhtml"></span></p> </div> <script type="text/javascript"> //v-html const htmls= { data(){ return{ rhtml:"<span style='color:red'>我的红色的</span>" } } } Vue.createApp(htmls).mount(".htmlbox"); </script>
交互效果见:https://course.51qux.com/vue3-0-1
版权声明:原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。
转载请注明来源:初识Vue 3.0 —— v-html: 插入html - Qui-Note
评论 | 0 条评论