Vue.js vuejs-“的;编辑「;html内部变量

Vue.js vuejs-“的;编辑「;html内部变量,vue.js,Vue.js,我有一个变量,里面有html。这是给我的所见即所得编辑器的 data () { return { HTMLtext: "<p style="text-align: center;"><b>Hospital</b></p><p> </p><p style="text-align: center;"> <b>Physician</b></p>

我有一个变量,里面有html。这是给我的所见即所得编辑器的

data () {
  return {
     HTMLtext: "<p style="text-align: center;"><b>Hospital</b></p><p> 
       </p><p style="text-align: center;"> <b>Physician</b></p>
       <p></p><p style="text-align: center;"> City <b>New York</b>",
     Place: "London"
   }
 }
我想用
纽约
替换为
变量放入
伦敦

我该怎么办? 最好的方法是什么? 一般安全吗?
这是一种好的做法吗?

如果您将
HTMLtext
a设置为,它可以根据变量组合文本。是将变量插入字符串的好方法

这是我建议的一个例子。我不知道这在你的情况下是否有效,因为我不知道HTMLtext从何而来,也不知道你是如何知道纽约将被取代的

newvue({
el:“#应用程序”,
数据:{
地点:“纽约”
},
计算:{
htmlText(){
return`

Hospital

医生

城市${this.place}`; } } });

地点:

如果将
HTMLtext
a设置为,它可以根据变量组合文本。是将变量插入字符串的好方法

这是我建议的一个例子。我不知道这在你的情况下是否有效,因为我不知道HTMLtext从何而来,也不知道你是如何知道纽约将被取代的

newvue({
el:“#应用程序”,
数据:{
地点:“纽约”
},
计算:{
htmlText(){
return`

Hospital

医生

城市${this.place}`; } } });

地点:

一般来说,不,对HTML进行任意编辑是不安全的,也不清楚您将如何决定替换纽约
。你能给我们更多的描述一下这一步如何适合你正在尝试的工作吗?@RoyJ第一个问题就是:如何替换这部分HTML代码。第二,稍后,如何清理Place变量。我想让我的变量可重用,这样我的用户就不需要再次键入它们。这不是一门火箭科学,所以它应该是可能的:)我可能会让HTMLtext成为一个计算机,返回一个在数据项中替换的模板字符串,比如

City${this.Place}

如何做到这一点?我不知道
${this.Place}
一般来说,不,对HTML进行任意编辑是不安全的,也不清楚您将如何决定替换,特别是纽约的
。你能给我们更多的描述一下这一步如何适合你正在尝试的工作吗?@RoyJ第一个问题就是:如何替换这部分HTML代码。第二,稍后,如何清理Place变量。我想让我的变量可重用,这样我的用户就不需要再次键入它们。这不是一门火箭科学,所以它应该是可能的:)我可能会让HTMLtext成为一个计算机,返回一个在数据项中替换的模板字符串,比如

City${this.Place}

如何做到这一点?我不知道
${this.Place}
我试试看,这似乎是正确的方法。谢谢你的帮助!我试试看,这似乎是正确的方法。谢谢你的帮助!
Place: "London"