Vue 将后台传过来的带html字段的字符串转换为 HTML

后台传过来一个带标签的字符串前端可以直接转换成html格式的，可是在vue中怎么办呢在这个DEMO中，item.content所带的字符串将被转换为HTML代码。注意：使用了v-html的标签中的内容将被item.content替代：<div class="item" v-for="item in socialArray">

ShiYadong_

30104人浏览 · 2018-03-29 10:02:25

ShiYadong_ · 2018-03-29 10:02:25 发布

后台传过来一个带标签的字符串前端可以直接转换成html格式的，可是在vue中怎么办呢

在这个DEMO中，item.content所带的字符串将被转换为HTML代码。

注意：使用了v-html的标签中的内容将被item.content替代：

      <div class="item" v-for="item in socialArray">
        <dl v-html="item.content">
          {{item.content}}
        </dl>
      </div>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^