Vue.js VueJS:使用字符串设置变量名
在下面的示例中,是否可以使用字符串设置变量Vue.js VueJS:使用字符串设置变量名,vue.js,Vue.js,在下面的示例中,是否可以使用字符串设置变量myvar <script> export default { data() { return { myvar: 'foo' }; } } </script> 下面是一个非常粗糙和基本的示例,说明了如何完成类似的任务: newvue({ el:“应用程序”, 数据(){ 返回{ 迈瓦尔:“你好” } }, 方法:{ changeVal(varName,ne
myvar
<script>
export default {
data() {
return {
myvar: 'foo'
};
}
}
</script>
下面是一个非常粗糙和基本的示例,说明了如何完成类似的任务:
newvue({
el:“应用程序”,
数据(){
返回{
迈瓦尔:“你好”
}
},
方法:{
changeVal(varName,newValue){
此[varName]=newValue;
}
}
});代码>
{{myVar}}
更改myVar
要更改数据,只需像修改任何其他可变变量一样对其进行修改。这取决于组件的设置方式。查看docs(),一种方法是这样的(上面链接中修改的示例):
const vue=新vue({
el:“#应用程序”,
数据:{
myvar:‘foo’
},
模板:“{myvar}}”
})
vue.myvar='bar'
您可以使用这个['myvar']='foo'
@DerekPollard如果这样做,我会得到一个语法错误:意外的关键字“this”
你在哪里使用这个?你应该用一种方法来做,我只是想知道是否有可能。是的,确实有可能,你想在什么范围内设置变量?给我们举个例子。
eval('myvar'): 'foo'