Vue.js vuejs-“的;编辑「;html内部变量
我有一个变量,里面有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>
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"