基于vue.js中關于下拉框的值默認及綁定問題
更新時間：2018年08月22日 09:05:02 作者：盧浮宮丶曉
今天小編就為大家分享一篇基于vue.js中關于下拉框的值默認及綁定問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
一、今天遇到vue中下拉框問題，故而寫點東西留個腳印
<template>
<select v-model='selected' @click="disable()">
<option v-for="(option,index) in options" v-bind:value="option.value" :disabled="option.disabled">
{{ option.text }}{{index}}{{option.disabled}}
</option>
</select>
<span>Selected: {{ selected }}</span>
</template>
<script>
export default{
name: 'second',
data(){
return {
selected: 'sex', // 這里選擇默認項
options: [
{text: '點擊選擇性別', value: 'sex', disabled: ''},
{text: '男', value: '1'},
{text: '女', value: '2'}
]
}
},
methods: {
disable: function () {
this.options[0].disabled = disabled;
},
}
}
</script>
以上這篇基于vue.js中關于下拉框的值默認及綁定問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
VScode更新后安裝vetur仍無法格式化vue文件的解決
這篇文章主要介紹了VScode更新后安裝vetur仍無法格式化vue文件的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要為大家詳細介紹了Vue自定義圖片懶加載指令v-lazyload，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
本文主要介紹了vue3.0+vant3.0快速搭建項目的實現(xiàn)，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
解決axios:"timeout of 5000ms exceeded"
這篇文章主要介紹了解決axios:"timeout of 5000ms exceeded"超時的問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
vue組件之間的通信方式有很多種,props/emit,event bus,vuex,provide/inject等,還有一種通信方式就是$attrs和$listeners,下面這篇文章主要給大家介紹了關于vue2.x中$attrs和$listeners的相關資料,需要的朋友可以參考下2022-03-03
在Vue3項目中需要頻繁使用某一個方法,配置到全局感覺會方便很多,這篇文章主要給大家介紹了關于Vue3使用全局函數(shù)或變量的2種常用方式,需要的朋友可以參考下2023-09-09
在本文里我們給大家整理了關于vue2.0中set添加屬性后視圖不能更新的解決辦法以及相關知識點，需要的朋友們學習下。2019-02-02
這篇文章主要介紹了Vue3 全局使用按鈕截流指令示例代碼,Vue2與Vue3中的自定義指令實現(xiàn)方式略有不同，但實現(xiàn)的按鈕截流功能是類似的，本文通過示例代碼給大家介紹的非常詳細，需要的朋友可以參考下2023-05-05
這篇文章主要為大家詳細介紹了vue+springboot實現(xiàn)登錄功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要介紹了vue中使用vant的Toast輕提示報錯的解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05