js對(duì)象屬性通過(guò)點(diǎn)(.) 和方括號(hào)([]) 的不同之處

livem 發(fā)布于2019-08-23 11:34 / 1133人閱讀

摘要：是時(shí)間日期選擇組件的屬性，控制的顯示。在中和都是訪問(wèn)對(duì)象的屬性，對(duì)象屬性以字符串形式保存，在中填的是字符串，字符串是的數(shù)據(jù)類型，可以改變它，于是動(dòng)態(tài)的屬性，都需要通過(guò)來(lái)訪問(wèn)。

關(guān)于這個(gè)問(wèn)題，是我在做vue項(xiàng)目時(shí)的一個(gè)需求，讓我對(duì)JS的.和[]的區(qū)別產(chǎn)生了興趣。

我需要點(diǎn)擊一個(gè)自定義的icon喚醒element UI的時(shí)間日期選擇器的picker（也就是那個(gè)選擇器），于是在vue中，給每個(gè)不同的時(shí)間選擇器組件定義自己的ref。并寫了一個(gè)函數(shù)來(lái)操作它們。

在Vue的模板中，我們可以在模板中的任何元素中添加ref屬性，這樣就可以在Vue實(shí)例中引用這些元素。




openTimePad（ref）{
 this.$refs.ref.pickerVisible = true
}
// pickerVisible是element UI時(shí)間日期選擇組件的屬性，控制picker的顯示。

然而這樣寫之后會(huì)報(bào)錯(cuò)，pickerVisible of undefined，也就是我們根本就沒有拿到這個(gè)ref應(yīng)用的這個(gè)DOM,于是換一個(gè)寫法。

openTimePad（ref）{
 this.$refs[ref].pickerVisible = true
}

這樣就起作用了。

在JS中.和[]都是訪問(wèn)對(duì)象的屬性，對(duì)象屬性以字符串形式保存，在[]中填的是字符串，字符串是js的數(shù)據(jù)類型，js可以改變它，于是動(dòng)態(tài)的屬性，都需要通過(guò)[]來(lái)訪問(wèn)。

GPU云服務(wù)器云服務(wù)器匹配對(duì)象的屬性和函數(shù) 不同之處 js中集合對(duì)象的屬性 js包裝對(duì)象中的屬性

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/97152.html

相關(guān)文章

js 中的Generator 函數(shù)

摘要：函數(shù)返回的遍歷器對(duì)象，還有一個(gè)方法，可以返回給定的值，并且終結(jié)遍歷函數(shù)。這被稱為表達(dá)式個(gè)人理解主要用作遍歷具有遍歷器接口的對(duì)象或函數(shù)。完整形式函數(shù)的函數(shù)總是返回一個(gè)遍歷器，規(guī)定這個(gè)遍歷器是函數(shù)的實(shí)例，也繼承了函數(shù)的對(duì)象上的方法。語(yǔ)法上首先可以把它理解成，Generator 函數(shù)是一個(gè)狀態(tài)機(jī)，封裝了多個(gè)內(nèi)部狀態(tài)。執(zhí)行 Generator 函數(shù)會(huì)返回一個(gè)遍歷器對(duì)象，也就是說(shuō)，Gener...

Ku_Andrew 2019-08-23 16:46 評(píng)論0 收藏0
JS-對(duì)象

摘要：一概述是一種面向?qū)ο蟮恼Z(yǔ)言。除了基本數(shù)據(jù)類型，其他的都是對(duì)象。表示創(chuàng)建一個(gè)沒有原型的空對(duì)象。模擬操作符注意返回值訪問(wèn)對(duì)象屬性訪問(wèn)方式也就是。對(duì)象在作為值時(shí)，是作為引用傳遞的。假如判斷對(duì)象是否為數(shù)組目前的很多庫(kù)，中都是這樣實(shí)現(xiàn)的。一、概述 JS是一種面向?qū)ο蟮恼Z(yǔ)言。除了基本數(shù)據(jù)類型number, string, boolean(true, false), null, undefined...

kidsamong 2019-08-20 17:41 評(píng)論0 收藏0
2019年5月所遇知識(shí)點(diǎn)整理

摘要：發(fā)現(xiàn)了第七個(gè)知識(shí)點(diǎn)七的區(qū)別和遵循的是模塊規(guī)范。消息摘要算法，不可逆加密。，是信息摘要，確保信息的唯一性。一般來(lái)說(shuō)英文是個(gè)，中文是兩個(gè)。 *注：本文章是在工作過(guò)程中所接觸的知識(shí)點(diǎn)的整理，涉及的東西比價(jià)雜亂，如有錯(cuò)誤之處，歡迎糾錯(cuò)與指導(dǎo) 一, 新窗口打開頁(yè)面 1, js跳轉(zhuǎn)頁(yè)面與新窗口的打開 1.1, 超鏈接Welcome 等同于 window.location.href=XXXX...

gekylin 2019-08-02 15:10 評(píng)論0 收藏0
2019年5月所遇知識(shí)點(diǎn)整理

摘要：發(fā)現(xiàn)了第七個(gè)知識(shí)點(diǎn)七的區(qū)別和遵循的是模塊規(guī)范。消息摘要算法，不可逆加密。，是信息摘要，確保信息的唯一性。其實(shí)就是排除數(shù)字只能是英語(yǔ)或者特殊字符發(fā)現(xiàn)的校驗(yàn)比較全的網(wǎng)站鏈接地址鏈接地址注判斷長(zhǎng)度的時(shí)候，英文字母和中文漢字占的字節(jié)數(shù)不同。 *注：本文章是在工作過(guò)程中所接觸的知識(shí)點(diǎn)的整理，涉及的東西比價(jià)雜亂，如有錯(cuò)誤之處，歡迎糾錯(cuò)與指導(dǎo) 一, 新窗口打開頁(yè)面 1, js跳轉(zhuǎn)頁(yè)面與新窗口的打開 ...

mylxsw 2019-08-30 11:00 評(píng)論0 收藏0
2019年5月所遇知識(shí)點(diǎn)整理

摘要：發(fā)現(xiàn)了第七個(gè)知識(shí)點(diǎn)七的區(qū)別和遵循的是模塊規(guī)范。消息摘要算法，不可逆加密。，是信息摘要，確保信息的唯一性。其實(shí)就是排除數(shù)字只能是英語(yǔ)或者特殊字符發(fā)現(xiàn)的校驗(yàn)比較全的網(wǎng)站鏈接地址鏈接地址注判斷長(zhǎng)度的時(shí)候，英文字母和中文漢字占的字節(jié)數(shù)不同。 *注：本文章是在工作過(guò)程中所接觸的知識(shí)點(diǎn)的整理，涉及的東西比價(jià)雜亂，如有錯(cuò)誤之處，歡迎糾錯(cuò)與指導(dǎo) 一, 新窗口打開頁(yè)面 1, js跳轉(zhuǎn)頁(yè)面與新窗口的打開 ...

cpupro 2019-08-23 17:52 評(píng)論0 收藏0