资讯专栏INFORMATION COLUMN

js对象属性 通过点(.) 和 方括号([]) 的不同之处

livem / 1021人阅读

摘要:是时间日期选择组件的属性,控制的显示。在中和都是访问对象的属性,对象属性以字符串形式保存,在中填的是字符串,字符串是的数据类型,可以改变它,于是动态的属性,都需要通过来访问。

关于这个问题,是我在做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可以改变它,于是动态的属性,都需要通过[]来访问。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/97152.html

相关文章

  • jsGenerator 函数

    摘要:函数返回的遍历器对象,还有一个方法,可以返回给定的值,并且终结遍历函数。这被称为表达式个人理解主要用作遍历具有遍历器接口的对象或函数。完整形式函数的函数总是返回一个遍历器,规定这个遍历器是函数的实例,也继承了函数的对象上的方法。 语法上 首先可以把它理解成,Generator 函数是一个状态机,封装了多个内部状态。执行 Generator 函数会返回一个遍历器对象,也就是说,Gener...

    Ku_Andrew 评论0 收藏0
  • JS-对象

    摘要:一概述是一种面向对象的语言。除了基本数据类型,其他的都是对象。表示创建一个没有原型的空对象。模拟操作符注意返回值访问对象属性访问方式也就是。对象在作为值时,是作为引用传递的。假如判断对象是否为数组目前的很多库,中都是这样实现的。 一、概述 JS是一种面向对象的语言。除了基本数据类型number, string, boolean(true, false), null, undefined...

    kidsamong 评论0 收藏0
  • 2019年5月所遇知识整理

    摘要:发现了第七个知识点七的区别和遵循的是模块规范。消息摘要算法,不可逆加密。,是信息摘要,确保信息的唯一性。一般来说英文是个,中文是两个。 *注:本文章是在工作过程中所接触的知识点的整理,涉及的东西比价杂乱,如有错误之处,欢迎纠错与指导 一, 新窗口打开页面 1, js跳转页面与新窗口的打开 1.1, 超链接Welcome 等同于 window.location.href=XXXX...

    gekylin 评论0 收藏0
  • 2019年5月所遇知识整理

    摘要:发现了第七个知识点七的区别和遵循的是模块规范。消息摘要算法,不可逆加密。,是信息摘要,确保信息的唯一性。其实就是排除数字只能是英语或者特殊字符发现的校验比较全的网站链接地址链接地址注判断长度的时候,英文字母和中文汉字占的字节数不同。 *注:本文章是在工作过程中所接触的知识点的整理,涉及的东西比价杂乱,如有错误之处,欢迎纠错与指导 一, 新窗口打开页面 1, js跳转页面与新窗口的打开 ...

    mylxsw 评论0 收藏0
  • 2019年5月所遇知识整理

    摘要:发现了第七个知识点七的区别和遵循的是模块规范。消息摘要算法,不可逆加密。,是信息摘要,确保信息的唯一性。其实就是排除数字只能是英语或者特殊字符发现的校验比较全的网站链接地址链接地址注判断长度的时候,英文字母和中文汉字占的字节数不同。 *注:本文章是在工作过程中所接触的知识点的整理,涉及的东西比价杂乱,如有错误之处,欢迎纠错与指导 一, 新窗口打开页面 1, js跳转页面与新窗口的打开 ...

    cpupro 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<