Vue3.x 全家桶 | 06 - Vue 的指令 : v-text 和 v-html

作者：System 时间：2024年08月13日分类：所有,html 字数：551

在Vue中，v-text和v-html指令用于更新元素的文本内容和HTML内容。




<div v-text="textContent"></div>




data() {
  return {
    textContent: 'Hello Vue!'
  }
}




<div v-html="htmlContent"></div>




data() {
  return {
    htmlContent: '<p>Hello Vue!</p>'
  }
}

注意：由于v-html可以解析HTML标签，这可能会导致跨站脚本攻击(XSS)的风险。因此，只有在可信的内容上使用v-html，不要使用用户提交的内容。