vue指令-v-text和v-html

最新推荐文章于 2024-11-13 11:52:56 发布

佐杰

最新推荐文章于 2024-11-13 11:52:56 发布

阅读量992

点赞数

分类专栏： vue分享文章标签： vue.js html javascript

本文链接：https://blog.csdn.net/OnlyoneFrist/article/details/131989203

版权

vue分享专栏收录该内容

30 篇文章 0 订阅

订阅专栏

vue指令-v-text和v-html

- 1、目标
- 2、语法

1、目标

更新DOM对象的innerText/innerHTML

2、语法

v-text=“Vue数据变量"
v-html=“Vue数据变量"

注意：会覆盖插值表达式

示例：

<template>
  <div id="app">
    <div>
     <p v-text="str"></p>
     <p v-html="str"></p>
    </div>
   
    
  </div>
  
</template>

<script>


export default {
  data(){
    return{
      
      str:"<span>我是一个span</span>"
      
    }
    
  },
  
  
  
  
}
</script>