如何使用传递文本中具有粗体效果的标签来自vue应用程序的data()？

发布于 2025-01-09 14:25:21 字数 698 浏览 0 评论 0原文

我正在尝试将文本从 vuetify 项目中的 data() 传递到 v-textarea 。文本区域内的文本与我不想要的粗体标签一起出现，但我希望文本采用粗体格式。但文本区域之外的文本是粗体的。

<template>
      <div>
        <v-textarea v-model="value"></v-textarea>
        <p v-html="value"></p>
      </div>
    </template>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value: "<b>This is the value</b>",
    };
  },
};
</script>

原文

I am trying to pass text to v-textarea from data() in a vuetify project. The text inside the textarea appeears along with the bold tags which i dont want but instead i want the text to be in bold format.
But the text outside textarea is in bold.

<template>
      <div>
        <v-textarea v-model="value"></v-textarea>
        <p v-html="value"></p>
      </div>
    </template>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value: "<b>This is the value</b>",
    };
  },
};
</script>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

ペ泪落弦音 2025-01-16 14:25:21

只需移动 从数据值直接到模板

<template>
      <div>
        <v-textarea style="font-weight:bold" v-model="value"></v-textarea>
        <p><b>{{value}}</b></p>
      </div>
    </template>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value: "This is the value",
    };
  },
};
</script>

，然后用css配置textarea为粗体

just move <b> from data value direct to the template

<template>
      <div>
        <v-textarea style="font-weight:bold" v-model="value"></v-textarea>
        <p><b>{{value}}</b></p>
      </div>
    </template>
  </div>
</template>
<script>
export default {
  data() {
    return {
      value: "This is the value",
    };
  },
};
</script>

and then configure textarea with css to be bold

回复收藏 0 原文

~没有更多了~