vue-cli中的:visible.sync是什么意思
更新時間：2022年11月29日 09:38:08 作者：高明懿大可愛
visible前面加冒號的，說明后面是一個變量或者表達式；沒加冒號的后面就是對應的字符串字面量，這篇文章主要介紹了vue-cli中的:visible.sync是什么,需要的朋友可以參考下
在做項目是以為:visible.sync是elementUI中的學法，用來顯示和隱藏一個彈框，其實這個是vue當中的一個寫法。
:visible指的是屬性綁定，表示彈框的顯示隱藏，當：visible的值誒true時，彈框顯示，當為false時，彈框隱藏。
sync指的是同步動態(tài)雙向來表示visible的值，當我們關閉窗口的時候，這個彈框隱藏了，visible的是發(fā)生了變化，但是關閉窗口這個動作，我們沒法用確定的動作去判斷這個值，所以用到了vue中的雙向綁定原則。
在vue中同一加上 .sync 來表示同步修改了visible的值。
visible前面加冒號的，說明后面是一個變量或者表達式；沒加冒號的后面就是對應的字符串字面量。
例子：
<el-radio-group v-model="handle">
<el-radio :label="true">打開</el-radio>
<el-radio :label="false">關閉</el-radio>
</el-radio-group>輸出：true 或 false 值是Boolean類型
————————————————————————————————————————————————————————
<el-radio-group v-model="handle">
<el-radio label="true">打開</el-radio>
<el-radio label="false">關閉</el-radio>
</el-radio-group>輸出：”true" 或 “false” 值是String類型
到此這篇關于vue-cli中的:visible.sync是什么的文章就介紹到這了,更多相關vue-cli :visible.sync內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要為大家介紹了vue3中的透傳attributes教程示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
vue實現(xiàn)自定義"模態(tài)彈窗"組件實例代碼
頁面中會有很多時候需要彈窗提示,我們可以寫一個彈窗組件,下面這篇文章主要給大家介紹了關于vue實現(xiàn)自定義"模態(tài)彈窗"組件的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2021-12-12
defineProps是Vue3中的一種新的組件數(shù)據(jù)傳遞方式,可以用于在子組件中定義接收哪些父組件的props,這篇文章給大家介紹vue3中defineProps及使用方法詳解,感興趣的朋友跟隨小編一起看看吧2024-03-03
這篇文章主要為大家詳細介紹了vue實現(xiàn)圖片拖拽功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
隨著vue2的落幕,vue3越來成熟,有必要更新一下vue3的父子組件之間的傳值方式,這里介紹下vue3+vite+ts父子組件之間的傳值方式實例詳解,感興趣的朋友一起看看吧2023-12-12
這篇文章主要為大家詳細介紹了vue大屏展示適配，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
vue修改數(shù)據(jù)的時候,表單值回顯不正確問題及解決
這篇文章主要介紹了vue修改數(shù)據(jù)的時候，表單值回顯不正確的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-11-11
這篇文章主要介紹了Vue組件之 高德地圖地址選擇功能的實例代碼,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2019-06-06
vue 點擊按鈕實現(xiàn)動態(tài)掛載子組件的方法
今天小編就為大家分享一篇vue 點擊按鈕實現(xiàn)動態(tài)掛載子組件的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
在 Vue 中，一些簡單的功能，我們可以直接定義為全局方法，然后掛到 Vue 上就能使用了，這篇文章主要介紹了Vue3?中自定義插件的實現(xiàn),需要的朋友可以參考下2022-08-08