怎么像展示html一样展示html类型的字符串?

如果我有一段html代码字符串:

"<a href="xxx">点击进入</a>  <span>Hello 你好</span>"

这是一个字符串,请问下,怎么才能在vue.js中展示它们的效果呢?

因为这是一个字符串,我怎么才能去展示它?

阅读 3.2k
3 个回答

你的字符串格式不对,双引号不能嵌套双引号啊,单双互相的
data里面:content: '点击进入 <span>Hello 你好</span>'

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

使用v-html指令

js
data() {return {content: '<a href="xxx">点击进入</a> <span>Hello 你好</span>'}}`
模板
<div>{{content}}</div>

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题