如何在vue上使用v-html？

我试着这样：

<template>
    ...
    <div v-html="test"></div>
    ...
</template>

<script>
export default {
  data: () => ({
    test: null,
  }),
  mounted () {
    let a = {country: "England:↵ - Liverpool↵ - Chelsea↵ - Arsenal↵ - MU↵ - City"}
    this.test = a.country
  }
}
</script>

我已经使用了v-html，但这不起作用。每个单词都应该有一行新词

---

如何解决这个问题？

我们不能直接使用标记字符。所以我们需要使用replace函数将字符替换为标记

this.test = a.country.replace(/\u21B5/g,'<br/>')

this.test=a.country.replace（/\u21B5/g，
）

我们不能直接使用标记字符。所以我们需要使用replace函数将字符替换为标记

this.test = a.country.replace(/\u21B5/g,'<br/>')

this.test=a.country.replace（/\u21B5/g，
）

如果您正在使用降价，请尝试以下操作

从“已标记”导入已标记
导出默认值{
数据（）{
返回{
测试：空，
}
},
挂载（）{
让a={国家：“英格兰：\n-利物浦\n-切尔西\n-阿森纳\n-穆\n-城市”}
这个国家
},
过滤器：{
markhtml：函数（markdown）{
如果（标记类型！==‘未定义’）{
已标记退货（降价）
}
返回空
}
}
}

如果您正在使用降价，请尝试以下操作

从“已标记”导入已标记
导出默认值{
数据（）{
返回{
测试：空，
}
},
挂载（）{
让a={国家：“英格兰：\n-利物浦\n-切尔西\n-阿森纳\n-穆\n-城市”}
这个国家
},
过滤器：{
markhtml：函数（markdown）{
如果（标记类型！==‘未定义’）{
已标记退货（降价）
}
返回空
}
}
}

您需要逐字替换

↵，您可以通过以下方式执行此操作：

a={
国家：“英格兰：↵ - 利物浦↵ - 切尔西↵ - 武器↵ - 亩↵ - 城市“
};
this.test=a.country.replace(/↵/g、 “
”）；

您需要逐字替换
↵，您可以通过以下方式执行此操作：

a={
国家：“英格兰：↵ - 利物浦↵ - 切尔西↵ - 武器↵ - 亩↵ - 城市“
};
this.test=a.country.replace(/↵/g、 “
”）；

对于新行，您应该使用

，而不是
↵使用
标记或将
style=“空白：行前”
添加到您的
中。仅供参考，
↵不是换行符。它实际上是一个小的直角箭头glyph@AhmadMobaraki json是API@Phil是 啊但是数据来自API。我只是想得到数据
↵不是HTMLY您应该使用

来表示新行不是
↵使用
标记或将
style=“空白：行前”
添加到您的
中。仅供参考，
↵不是换行符。它实际上是一个小的直角箭头glyph@AhmadMobaraki json是API@Phil是 啊但是数据来自API。我只是想得到数据
↵不是HTMLY您的代码段说
“未捕获的语法错误：无法在模块外使用导入语句”
您的代码段说
“未捕获的语法错误：无法在模块外使用导入语句”