vant 输入框 van-field 内容分段展示(使用van-field的插槽来自定义标签)

注:这是后台返回的数据 添加了br换行

前端如果不处理的效果是这样的,直接展示了返回的数据

前端进行处理数据

使用vant  v-slot:labe 插槽

            <!-- 自定义标签的字段 -->

      <van-field

        name="内容"

        label="内容"

        readonly

        rows="1"

        autosize

        type="textarea"

        :border="false"

      >

        <!-- 使用van-field的插槽来自定义标签 -->

        <template v-slot:label>

          <div class="label-content">内容</div>

        </template>

        <!-- 使用v-html来展示HTML内容 -->

        <template v-slot:input>

          <div v-html="result.content" class="content-textarea" readonly></div>

        </template>