vue-cli中的:visible.sync是什么意思
在做項(xiàng)目是以為:visible.sync是elementUI中的學(xué)法，用來顯示和隱藏一個(gè)彈框，其實(shí)這個(gè)是vue當(dāng)中的一個(gè)寫法。
:visible指的是屬性綁定，表示彈框的顯示隱藏，當(dāng)：visible的值誒true時(shí)，彈框顯示，當(dāng)為false時(shí)，彈框隱藏。
sync指的是同步動(dòng)態(tài)雙向來表示visible的值，當(dāng)我們關(guān)閉窗口的時(shí)候，這個(gè)彈框隱藏了，visible的是發(fā)生了變化，但是關(guān)閉窗口這個(gè)動(dòng)作，我們沒法用確定的動(dòng)作去判斷這個(gè)值，所以用到了vue中的雙向綁定原則。
在vue中同一加上 .sync 來表示同步修改了visible的值。
visible前面加冒號(hào)的，說明后面是一個(gè)變量或者表達(dá)式；沒加冒號(hào)的后面就是對(duì)應(yīng)的字符串字面量。
例子：
<el-radio-group v-model="handle">
<el-radio :label="true">打開</el-radio>
<el-radio :label="false">關(guān)閉</el-radio>
</el-radio-group>輸出：true 或 false 值是Boolean類型
————————————————————————————————————————————————————————
<el-radio-group v-model="handle">
<el-radio label="true">打開</el-radio>
<el-radio label="false">關(guān)閉</el-radio>
</el-radio-group>輸出：”true" 或 “false” 值是String類型
到此這篇關(guān)于vue-cli中的:visible.sync是什么的文章就介紹到這了,更多相關(guān)vue-cli :visible.sync內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
Vue使用Axios庫請(qǐng)求數(shù)據(jù)時(shí)跨域問題的解決方法詳解
在 VUE 項(xiàng)目開發(fā)時(shí),遇到個(gè)問題,正常設(shè)置使用 Axios 庫請(qǐng)求數(shù)據(jù)時(shí),報(bào)錯(cuò)提示跨域問題,那在生產(chǎn)壞境下,該去怎么解決呢？下面小編就來和大家詳細(xì)講講2024-01-01
Vue2項(xiàng)目中Mock.js的完整集成與使用教程
Mock.js 是一個(gè)可以在開發(fā)階段模擬后端數(shù)據(jù)接口的 JavaScript 庫,它能夠生成大量不同類型的隨機(jī)數(shù)據(jù),并且模擬真實(shí)的接口返回,允許前端開發(fā)在沒有真實(shí)后端接口的情況下進(jìn)行開發(fā),本文給大家介紹了Vue2項(xiàng)目中Mock.js的完整集成與使用教程,需要的朋友可以參考下2025-02-02
詳解關(guān)于Vuex的action傳入多個(gè)參數(shù)的問題
這篇文章主要介紹了詳解關(guān)于Vuex的action傳入多個(gè)參數(shù)的問題，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-02-02
.native主要是給自定義的組件添加原生事件，可以理解為該修飾符的作用就是把一個(gè)vue組件轉(zhuǎn)化為一個(gè)普通的HTML標(biāo)簽，并且該修飾符對(duì)普通HTML標(biāo)簽是沒有任何作用的，這篇文章主要介紹了vue?事件中的?.native你搞清楚了嗎,需要的朋友可以參考下2023-02-02
本文主要介紹了vant4 封裝日期段選擇器的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-03-03
vue?select?change事件如何傳遞自定義參數(shù)
這篇文章主要介紹了vue?select?change事件如何傳遞自定義參數(shù)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了vue.js中修飾符.stop的用法解析，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-03-03
Vue3使用ResizeObserver監(jiān)聽元素的尺寸寬度變化
要監(jiān)聽 div 寬度的變化,可以使用 ResizeObserver 接口,ResizeObserver 允許你觀察一個(gè)或多個(gè)元素的尺寸變化,并在發(fā)生變化時(shí)執(zhí)行回調(diào)函數(shù),所以本文給大家介紹了Vue3如何使用ResizeObserver監(jiān)聽元素的尺寸寬度變化,需要的朋友可以參考下2024-08-08
這篇文章主要為大家詳細(xì)介紹了VUE遞歸樹形實(shí)現(xiàn)多級(jí)列表，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
Vue實(shí)現(xiàn)懸浮框自由移動(dòng)+錄音功能的示例代碼
這篇文章主要為大家詳細(xì)介紹了如何利用Vue實(shí)現(xiàn)懸浮框自由移動(dòng)+錄音功能，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以動(dòng)手嘗試一下2022-07-07