el-date-picker给父组件传值的问题
来源:6-8 销售趋势组件容器+头部开发(下)

慕慕1545788
2020-09-11
如何讲el-date-picker组件里的日期字符串传给父组件?
我看到老师的代码里有这样的配置:
<el-date-picker
type="daterange"
v-model="date"
range-separator="-"
start-placeholder="开始日期"
end-placeholder="结束日期"
size="small"
unlink-panels
:picker-options="pickerOptions"
class="sensor-view-date-picker"
/>
并且看到了老师的代码里有传值的语句:
onClick(picker) {
const start =new Date()
const end =new Date()
picker.$emit('pick',[start,end],true)
}
所以我在父组件里试图监听上面那段代码中 picker.$emit(‘pick’,[start,end],true)传的值但是失败了。请问老师应该怎么做?
写回答
1回答
-
扬_灵
2020-09-11
同学你好,在项目中这里的picker表示的是那个日期组件的元素,而不是我们组件的实例,你可以在这里打印一下就知道了,如果想要把日期字符串传递给父组件可以从父组件那边接收一个方法在子组件中监听日期组件值得变化,当子组件的值发生变化的时候通过this.$emit(‘xxx’,data)这种方式传递过去。如果不能解决你的问题,可以继续追问。
042020-09-15
相似问题