时间戳

首页 > 解决方案 > 如何在Vue中显示带尖括号的字符串？

javascript - 如何在Vue中显示带尖括号的字符串？

问题描述

我正在尝试在 Vue 中显示尖括号。假设我想在我的页面上显示文本"<Hello>"。我不希望 Vue 呈现 HTML。

Vue<hello>在页面上显示的方式是什么？

我试过了，没有成功：

v-pre：

<span v-pre>{{ <hello> }}</span>

直接添加，包围{{}}

{{ <hello>}}

直接添加

<hello>

标签： javascripthtmlvue.js

解决方案

我看到您建议使用&gt;hello&lt;. 这很好，我只是想分享另一种方法，以防其他人偶然发现这个问题。

<template>
  <div>{{ hello }}</div>
</template>

<script>
export default {
  data() {
    return {
      hello: "<hello>"
    };
  },
};
</script>

推荐阅读