Javascript Vuejs将HTML转换为纯文本

我想使用vuejs将HTML转换为纯文本

<ol>
    <li>The quick brown fox jumps over the lazy dog</li>
    <li>The quick brown fox jumps over the lazy dog</li>
    <li>The quick brown fox jumps over the lazy dog</li>
    <li>The quick brown fox jumps over the lazy dog</li>
</ol>

但我希望结果是这样的

The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog

我可以使用或执行此操作，但使用

vuejs

---

注意：我没有在我的项目中使用

jquery

。

尝试从css转换

var vm=new Vue({
el:“#vue实例”，
数据：{
html:`
敏捷的棕色狐狸跳过了懒狗
敏捷的棕色狐狸跳过了懒狗
敏捷的棕色狐狸跳过了懒狗
敏捷的棕色狐狸跳过了懒狗
` 
}
});
ol{
列表样式：无；
}
欧利{
显示：内联；
}
自定义指令如何


Vue.directive（'plaintext'{
绑定（el、绑定、vnode）{
el.innerHTML=el.innerText；
//el.innerHTML=el.innerHTML.replace（/]+>/gm'，）；
}
});
新Vue({
el:“应用程序”
})

敏捷的棕色狐狸跳过了懒狗
敏捷的棕色狐狸跳过了懒狗
敏捷的棕色狐狸跳过了懒狗
敏捷的棕色狐狸跳过了懒狗
您尝试过这个问题的答案吗？您知道VueJS是JavaScript，对吗？JS解决方案应该能用。@Terry我知道，我正在寻找vue的滞留解决方案，例如服务或过滤器，并考虑将
JS
解决方案作为最后一个选项。@weBer这个问题是关于将
string
转换为
dom
，我想将
html
转换为
纯文本，而不是dom，谢谢你的建议。我不明白为什么一定要有一个VueJS式的方法来做到这一点。您所描述的只是基于传入的HTML提取虚拟创建的DOM节点的
textContent
。如果本机JS可以做到这一点，那么就没有理由在VueJS中将其作为辅助功能包含。根据您的推理，VueJS应该包括它自己的迭代函数、它自己的数组映射方法、它自己的每个类型对象的原型等等。不过，您可以做的是创建一个全局帮助器方法来为您实现这一点。我很欣赏这个答案，但
ol
只是一个例子，HTML可以包含任何标记
div
，
pre
等。@AbhishekPandey:你能做现场演示/摆弄精确的问题吗？检查这个，我希望现在很容易理解。@AbhishekPandey:啊，我想你可以很容易地转换这个：
The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog