Vue不识别<br>标签

作者: 楊帥 | 来源:发表于2019-03-06 11:26 被阅读0次

问题描述:

如图,<P>标签内直接输入
标签生效,当使用变量的时候,变量中的
不识别。

<!--详情-->
<div>
      <p>开发者的话</p>›
      <p>{{details.intro}}</p>
</div>

输出如图:


屏幕快照 2019-03-06 上午11.22.23.png

问题原因

vue框架默认输出为v-text

如果需要识别html标签,需要修改代码为:

<!--详情-->
<div>
      <p>开发者的话</p>›
      <p v-html="details.intro"></p>
</div>

输出正常:


屏幕快照 2019-03-06 上午11.26.23.png

相关文章

  • Vue不识别<br>标签

    问题描述: 如图, 标签内直接输入标签生效,当使用变量的时候,变量中的不识别。 输出如图: 问题原因 vue框架默...

  • <br>标签

    使用 标签分行显示文本

  • 2020-10-15解决外部数据获取问题

    需要:,没有的话vue识别成字符串需要" ",不写vue不识别:class="{checked: xxx}"意思是...

  • HTML 4.01版

    复习 排版标签:p hr br pre 字体标签: 转义字符:<> 清单标签:有序列表...

  • 2017/09/13 VUE 缩写

    v-前缀作为一种视觉提示,用来识别模板中 Vue 特定的特性。当你在使用 Vue.js 为现有标签添加动态行为 (...

  • vue.js的常用两种缩写方式

    缩写 v- 前缀作为一种视觉提示,用来识别模板中 Vue 特定的特性。当你在使用 Vue.js 为现有标签添加动态...

  • 2019-03-20第二天

    常用的标签有 标题标签H系列 段落标签p系列 换行标签br 横线标签hr 常用的实体有<<>> © 空...

  • 2019-05-27第二天

    常用的标签有 标题标签H系列 段落标签p系列 换行标签br 横线标签hr 常用的实体有<<>> © 空...

  • 第二篇

    2.在HTML里打多个空格需要使用标签,一般标签有<;=<,> => =空格回车标签有...

  • jQuery html函数

    jQuery 的html()函数自动把不安全的标签 标签和&符号escape了 script标签被转换成 & lt...

网友评论

    本文标题:Vue不识别<br>标签

    本文链接:https://www.haomeiwen.com/subject/mgftpqtx.html