淺談vant組件Picker 選擇器選單選問題
更新時(shí)間：2020年11月04日 09:24:31 作者：疾風(fēng)與你皆是過客
這篇文章主要介紹了淺談vant組件Picker 選擇器選單選問題，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
1.寫遮罩
2.定義data
3.寫事件
4.效果圖
補(bǔ)充知識：vue使用vant編輯用戶性別
我就廢話不多說了，大家還是直接看代碼吧~
<van-cell title="性別" is-link :value="user.gender===1?'男':'女'" @click="isEditGenderShow=true"></van-cell>
<!-- 編輯用戶性別 -->
<van-action-sheet
v-model="isEditGenderShow"
:actions="actions"
cancel-text="取消"
close-on-click-action
@cancel="onCancel"
@select="onGenderSelect"
/>
<script>
export default {
name: "EditUserINfo",
components: {},
props: {},
data() {
return {
isEditGenderShow: false,
// name會顯示出來，value是我們自己添加的
actions: [{ name: "男",value: 1 }, { name: "女",value:0 }]
};
},
watch: {},
computed: {
},
methods: {
onGenderSelect(data) {
this.user.gender=data.value
this.isEditGenderShow=false
},
},
created() {},
mounted() {}
};
</script>
以上這篇淺談vant組件Picker 選擇器選單選問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
axios模塊化封裝實(shí)例化及vue本地解決跨域方案
這篇文章主要為大家介紹了axios模塊化封裝實(shí)例化及vue本地解決跨域示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
vue3的ref、isRef、toRef、toRefs、toRaw詳細(xì)介紹
本文詳細(xì)講解了vue3的ref、isRef、toRef、toRefs、toRaw，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-09-09
Vue-cli項(xiàng)目部署到Nginx服務(wù)器的方法
這篇文章主要介紹了Vue-cli項(xiàng)目部署到Nginx服務(wù)器的方法，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-11-11
在后臺使用過程中經(jīng)常會因?yàn)榘粹o重復(fù)點(diǎn)擊,而造成發(fā)送多次重復(fù)請求 以下方法可以避免這種情況,下面這篇文章主要給大家介紹了關(guān)于vue中如何防止用戶頻繁點(diǎn)擊按鈕的相關(guān)資料,需要的朋友可以參考下2022-09-09
在vue中使用eacharts創(chuàng)建graph關(guān)系圖方式
這篇文章主要介紹了在vue中使用eacharts創(chuàng)建graph關(guān)系圖方式，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-09-09
Vue使用.sync 實(shí)現(xiàn)父子組件的雙向綁定數(shù)據(jù)問題
這篇文章主要介紹了Vue使用.sync 實(shí)現(xiàn)父子組件的雙向綁定數(shù)據(jù),需要的朋友可以參考下2019-04-04
這篇文章主要為大家詳細(xì)介紹了vue+element表格導(dǎo)出為Excel文件，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09
VUE使用draggable實(shí)現(xiàn)組件拖拽
這篇文章主要為大家詳細(xì)介紹了VUE使用draggable實(shí)現(xiàn)組件拖拽，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
這篇文章主要介紹了VUE-ElementUI 自定義Loading圖操作，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
本篇文章主要介紹了vue服務(wù)端渲染的實(shí)例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08