真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

vue父子組件之模態(tài)框狀態(tài)綁定的示例分析

小編給大家分享一下vue父子組件之模態(tài)框狀態(tài)綁定的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)專注于廣平企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,成都商城網(wǎng)站開發(fā)。廣平網(wǎng)站建設(shè)公司,為廣平等地區(qū)提供建站服務(wù)。全流程按需制作，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

日常開發(fā)中經(jīng)常遇到的一個(gè)場(chǎng)景，父組件有很多操作，需要彈窗，例如：

子組件：

如何實(shí)現(xiàn)子組件和父組件模態(tài)框狀態(tài)的同步

方案一：使用.sync 修飾符

父組件：

子組件：

方案二：使用v-model

父組件：

子組件：

computed OR watch ?

對(duì)于上面的兩種方案，子組件內(nèi)部還可以使用計(jì)算屬性的寫法

computed export default { props: { show: { type: Boolean } }, computed: { dialogVisible: { get() { return this.show }, set(value) { return this.$emit('input', value) }, }, }, methods: { handleClose(val) {}, }, }

以上是“vue父子組件之模態(tài)框狀態(tài)綁定的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

http://weahome.cn/article/pjsjdj.html