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