js对象的属性中括号括起来_js对象属性 经由过程点(.) 和 方括号([]) 的不同之处...

关于这个题目，是我在做vue项目时的一个需求，让我对JS的.和[]的区分产生了兴致。

我须要点击一个自定义的icon叫醒element UI的时候日期挑选器的picker(也就是谁人挑选器)，因而在vue中，给每一个差别的时候挑选器组件定义本身的ref。并写了一个函数来操纵它们。

在Vue的模板中，我们能够在模板中的任何元素中增加ref属性，如许就能够在Vue实例中援用这些元素。

openTimePad(ref){

this.$refs.ref.pickerVisible = true

}

// pickerVisible是element UI时候日期挑选组件的属性，掌握picker的显现。

但是如许写以后会报错，pickerVisible of undefined，也就是我们根本就没有拿到这个ref运用的这个DOM,因而换一个写法。

openTimePad(ref){

this.$refs[ref].pickerVisible = true

}

如许就起作用了。

在JS中.和[]都是接见对象的属性，对象属性以字符串情势保留，在[]中填的是字符串，字符串是js的数据类型，js能够转变它，因而动态的属性，都须要经由过程[]来接见。