问题描述:
把picker抽离单独放在components中,然后和vue一样在父组件中引入,组件正常显示,但是选中的日期显示不出来。
目录结构:
在父组件中使用:
<template>
<div class="counter-warp">
<picker></picker>
</div>
</template>
<script>
import picker from '@/components/picker'
export default {
components: {
picker
}
}
</script>
<style>
.counter-warp {
text-align: center;
margin-top: 100px;
}
.home {
display: inline-block;
margin: 100px auto;
padding: 5px 10px;
color: blue;
border: 1px solid blue;
}
</style>
那么问题来了,组件是显示出来了,但是选的数据没显示出来,
在picker.vue中的chang事件中console也没有东西
解决:(在父组件引入时不要取picker)
不要用<picker></picker>
就可以正常用,改成其他名字就可以了(大写也可以正常显示,可能是和小程序的picker名字一样所有产生冲突了)
在mpvue中使用picker可到官网查看:http://mpvue.com/mpvue/#_13