快捷導(dǎo)航

vue彈出的添加信息組件中el-radio單選框無法點(diǎn)擊的解決方案

更新時(shí)間：2026年03月12日 09:09:31 作者：yssa1125001

在彈出的添加信息組件中,單選框無法切換是因?yàn)闆]有默認(rèn)值,通過判斷初始化時(shí)的值并賦初始值,雖然實(shí)現(xiàn)了初始值的展示,但導(dǎo)致單選框無法切換,為了解決這個(gè)問題,更改了上級組件傳值的方式,直接帶參傳值,避免了對象處理

情景描述

在彈出的添加信息的組件中的form中有一個(gè)單選框，單選框無法進(jìn)行點(diǎn)擊切換

原因如下

單選框要求有個(gè)默認(rèn)值，因?yàn)樘砑雍透虏僮鲝?fù)用同一個(gè)組件，所以我在初始化時(shí)對相關(guān)進(jìn)行了判定，如果為空則賦初始值

結(jié)果這樣雖然實(shí)現(xiàn)了初始值的展示，但是就是如此造成了單選框的無法切換。

因?yàn)?nbsp;ElementUI和Vue.js框架配合使用的時(shí)候，不支持先創(chuàng)建空對象

所以我更改成了在上級組件傳值時(shí)直接帶參傳值，此組件不再進(jìn)行對象的處理，即如下更改后的代碼：

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

vue中的mixins混入使用方法
這篇文章主要介紹了vue中的mixins混入使用方法，混入又分全局混入混入局部混入，下文對兩者都有相關(guān)介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下
2022-04-04
VueJS設(shè)計(jì)與實(shí)現(xiàn)之淺響應(yīng)與深響應(yīng)詳解
這篇文章主要為大家介紹了VueJS設(shè)計(jì)與實(shí)現(xiàn)之淺響應(yīng)與深響應(yīng)詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-08-08
vue瀑布流組件實(shí)現(xiàn)上拉加載更多
這篇文章主要為大家詳細(xì)介紹了vue瀑布流組件實(shí)現(xiàn)上拉加載更多，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-03-03
Vue keepAlive頁面強(qiáng)制刷新方式
這篇文章主要介紹了Vue keepAlive頁面強(qiáng)制刷新方式，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教
2023-05-05
npm無法加載文件：因?yàn)樵诖讼到y(tǒng)上禁止運(yùn)行腳本的解決辦法
這篇文章主要介紹了npm無法加載文件：因?yàn)樵诖讼到y(tǒng)上禁止運(yùn)行腳本問題的解決辦法,文中通過代碼以及圖文介紹的非常詳細(xì),需要的朋友可以參考下
2025-01-01
vue3+elementUI實(shí)現(xiàn)懸浮多行文本輸入框效果
這篇文章主要為大家詳細(xì)介紹了vue3如何引用elementUI實(shí)現(xiàn)懸浮文本輸入框效果,以便實(shí)現(xiàn)多行文本輸入,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2023-10-10
Vue自定義toast組件的實(shí)例代碼
這篇文章主要介紹了Vue自定義toast組件的相關(guān)資料,需要的朋友可以參考下
2018-08-08
webpack+vue+express(hot)熱啟動調(diào)試簡單配置方法
今天小編就為大家分享一篇webpack+vue + express (hot) 熱啟動調(diào)試簡單配置方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-09-09
深入理解vue輸入框字符限制的優(yōu)化設(shè)計(jì)方案
限制輸入框字符是一項(xiàng)需要結(jié)合技術(shù)實(shí)現(xiàn)與用戶體驗(yàn)的綜合設(shè)計(jì),通過實(shí)時(shí)限制、提交校驗(yàn)與性能優(yōu)化,開發(fā)者可以高效解決輸入限制問題,同時(shí)提升用戶滿意度和數(shù)據(jù)安全性,本文給大家介紹vue輸入框字符限制的優(yōu)化設(shè)計(jì),感興趣的朋友跟隨小編一起看看吧
2024-12-12
Vue3中defineModel用法及常見問題完全指南
defineModel是Vue 3.3 引入、3.4 穩(wěn)定的一個(gè)編譯器宏,用于簡化組件的雙向數(shù)據(jù)綁定實(shí)現(xiàn),它讓開發(fā)者能夠更輕松地創(chuàng)建支持v-model的組件,減少了樣板代碼,提高了開發(fā)效率,這篇文章主要介紹了Vue3中defineModel用法及常見問題的相關(guān)資料,需要的朋友可以參考下
2026-02-02