vue 把字符串中的 <br/> 替换成了 <br/> 如何解决
时间: 2024-10-13 15:06:35 浏览: 44
在Vue.js中,如果你想把字符串中的`<br/>`替换为`<br/>`,这是因为默认情况下,Vue对待HTML特殊字符是安全的,会自动转义它们以防止XSS攻击。如果你想显示原始的`<br>`标签,而不是转义后的版本,你需要禁用这种转义。
一种常见的做法是在模板中使用`v-html`指令,并设置`sanitize`属性为`false`,这会让Vue不再对HTML进行转义:
```html
<div v-html="myString" :sanitize="false"></div>
```
然后在你的JavaScript代码中,你可以先将`<br>`转换为`<br/>`,再赋值给`myString`:
```javascript
export default {
data() {
return {
myString: this.dataWithBr // 假设"dataWithBr"是含有<br>的字符串
};
},
created() {
this.myString = this.dataWithBr.replace("<br>", "<br/>");
}
};
```
这样,`<br>`就会显示为HTML标签了。
阅读全文