vue2.0下拉框默認標題設置方法

昨天到今天，用vue2.0在寫一個性別選擇框，一給option添加seledted屬性就報錯這里

目前成都創(chuàng)新互聯(lián)已為近千家的企業(yè)提供了網站建設、域名、網絡空間、網站運營、企業(yè)網站設計、金沙網站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

vue2.0 下拉框默認標題設置方法

下面是報錯的代碼

ERROR in ./~/vue-loader/lib/template-compiler.js?id=data-v-c231dfa2!./~/vue-loader/lib/selector.js?type=template&index=0!./src/components/second.vue
template syntax error <select v-model="selected">:
inline selected attributes on <option> will be ignored when using v-model. Declare initial values in the component's data option instead.

selected 已經綁定在<select></select> 上了 , 你選擇了哪個選項， selected 就是那個選項的value了，你想讓哪個選項為默認選中的話，就在data里的seleced 設置為那個選項的value

在單擊<select></select> 時，給'性別'這個選項添加一個disabled屬性就可以禁用了

<template>
 <select v-model='selected' @click="ss()">
 <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', // 比如想要默認選中為性別，那么就把他的value值設置為'sex'
 options: [
 {text: '性別', value: 'sex', disabled: ''}, //每個選項里面就不用在多一個selected 了
 {text: '男', value: '1'},
 {text: '女', value: '2'}
 ]
 }
 },
 methods: {
 ss: function () {
 this.options[0].disabled = disabled;
 },
 }
 }
</script>

以上這篇vue2.0 下拉框默認標題設置方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。

當前題目：vue2.0下拉框默認標題設置方法
本文地址：http://aaarwkj.com/article26/pegdjg.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、Google、App設計、外貿建站、品牌網站設計、外貿網站建設

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容

欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

vue2.0下拉框默認標題設置方法