昨天到今天,用vue2.0在寫一個性別選擇框,一給option添加seledted屬性就報錯這里
目前成都創新互聯已為近千家的企業提供了網站建設、域名、網絡空間、網站運營、企業網站設計、金沙網站維護等服務,公司將堅持客戶導向、應用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協力一起成長,共同發展。
下面是報錯的代碼
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 下拉框默認標題設置方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持創新互聯。
當前題目:vue2.0下拉框默認標題設置方法
本文地址:http://vcdvsql.cn/article26/pegdjg.html
成都網站建設公司_創新互聯,為您提供定制開發、Google、App設計、外貿建站、品牌網站設計、外貿網站建設
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯