--> </div> </template> <script> export default { name: 'Home', components: { }, watch:{ pickerValue(){ this.$emit('pickerValueFun',this.pickerValue) } }, data(){ return{ pickerValue:"" } }
} </script>
el-date-picker 使用细节
<template>
<div class="home">
<el-date-picker
v-model="pickerValue"
type="monthrange"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始月份"
end-placeholder="结束月份">
</el-date-picker>
<!-- 1，range-separator="" 默认不写是‘-’
--> </div> </template> <script> export default { name: 'Home', components: { }, watch:{ pickerValue(){ this.$emit('pickerValueFun',this.pickerValue) } }, data(){ return{ pickerValue:"" } }
} </script>
--> </div> </template> <script> export default { name: 'Home', components: { }, watch:{ pickerValue(){ this.$emit('pickerValueFun',this.pickerValue) } }, data(){ return{ pickerValue:"" } }
} </script>