<div id="app">
<el-select v-model="opvalue" placeholder="請選擇"> //這裏v-model獲取的是value值
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
<el-button type="success" @click="getdata">提交</el-button>
</div>
<script>
new Vue({
el: '#app',
data() {
return {
options: [{
value: '1',
label: 'java'
}, {
value: '2',
label: 'c++'
}],
opvalue: [] ,
mylabel:'',
calendarData: [] //賦值
};
},
methods: {
getdata(){
this.mylabel=''; //置空
//獲取label值
for(let key in this.options){
let obj = this.options.map((item)=>{
if(item.value===this.opvalue[key]){//如果是this.opvalue,只能獲取單個值
this.mylabel+=item.label
}
})
}
let params={
value:this.opvalue,
label:this.mylabel
};
console.log(params)
//將值賦給calendarData,日期個位前有0,如06
// calendarData: [
// { months: ['06', '11'],days: ['15', '18'],things: '看電影' },
// { months: ['10', '11'], days: ['02'],things: '去公園野炊' },
// { months: ['11'], days: ['02'],things: '看星星' },
// { months: ['11'], days: ['02'],things: '看月亮' }
// ],
var now = new Date(); //當前日期
var nowDay = now.getDate(); //當前日
var nowMonth = now.getMonth()+1; //當前月,這裏是0到11
var nowYear = now.getFullYear(); //當前年
var months = [];
var days = [];
months.push(nowMonth.toString().replace(/^(\d)$/,'0$1')) //數字轉成字符串,使用正則表達式在個位補0
days.push(nowDay.toString().replace(/^(\d)$/,'0$1'))
let results = {
months: months,
days: days,
things:this.mylabel
}
this.$set(this.calendarData, 0, results)
//this.calendarData.splice(1)
}
}
})
</script>