昨天到今天，用vue2.0在寫(xiě)一個(gè)性別選擇框，一給option添加seledted屬性就報(bào)錯(cuò)這里

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

下面是報(bào)錯(cuò)的代碼

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 已經(jīng)綁定在<select></select> 上了 , 你選擇了哪個(gè)選項(xiàng)， selected 就是那個(gè)選項(xiàng)的value了 ，你想讓哪個(gè)選項(xiàng)為默認(rèn)選中的話，就在data里的seleced 設(shè)置為那個(gè)選項(xiàng)的value

在單擊<select></select> 時(shí)，給'性別'這個(gè)選項(xiàng)添加一個(gè)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', // 比如想要默認(rèn)選中為性別，那么就把他的value值設(shè)置為'sex'
 options: [
 {text: '性別', value: 'sex', disabled: ''}, //每個(gè)選項(xiàng)里面就不用在多一個(gè)selected 了
 {text: '男', value: '1'},
 {text: '女', value: '2'}
 ]
 }
 },
 methods: {
 ss: function () {
 this.options[0].disabled = disabled;
 },
 }
 }
</script>

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

當(dāng)前題目：vue2.0下拉框默認(rèn)標(biāo)題設(shè)置方法
本文地址：http://www.chinadenli.net/article26/pegdjg.html

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

廣告

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