首页 this.form.opinionsArray.push(this.$store.state.user.info.name + ' ' + d + ' ' + <br />this.form.opinionsS)中换行符为什么不生效

this.form.opinionsArray.push(this.$store.state.user.info.name + ' ' + d + ' ' + <br />this.form.opinionsS)中换行符为什么不生效

时间: 2024-02-20 09:00:48 浏览: 82

vue-input-code-基于Vue.js 2.0+验证码输入组件。-Vue.js开发

vue-input-code 基于Vue2.0+的移动端验证码输入组件. 功能预览输入时回调结果回调自定义错误处理自定义验证码个数样式可控这里是可爱的Demo 支持支持 Vue.js 2.0+. 安装和使用 npm install vue-input-code --save 作为全局组 vue-input-code 基于Vue2.0+的移动端验证码输入组件. 功能预览输入时回调结果回调自定义错误处理自定义验证码个数样式可控这里是可爱的Demo 支持支持 Vue.js 2.0+. 安装和使用 npm install vue-input-code --save 作为全局组件使用 //在项目入口文件 import Vue from 'vue'; import VueInputCode from 'vue-input-code'; Vue.component('VueInputCode', VueInputCode) 作为局部组件 //在某个组件中 import VueInputCode from 'vue-input

这段代码中的`<br />`实际上是HTML标签，而不是换行符。在Vue中使用HTML标签需要使用v-html指令，否则Vue会将HTML标签当做普通文本进行渲染，而不会解析成HTML标签。您可以将代码修改为如下形式： ``` this.form.opinionsArray.push(this.$store.state.user.info.name + ' ' + d + ' ' + '<br />' + this.form.opinionsS) ``` 然后在模板中使用v-html指令进行渲染： ``` <div v-html="opinionsArray"></div> ``` 这样就能正确显示HTML标签了。不过需要注意的是，使用v-html存在一定的安全风险，因为它可以渲染任意的HTML代码，可能会被恶意注入攻击。因此，最好只在可信任的内容上使用v-html指令。

阅读全文