uni-app其实和vue是一样的
一般使用子组件
创建了一个udate组件
父组件要引用它
1.先把文件引入
import udate from '../../../components/udate.vue'
2.声明组件
components:{
udate
},
注:udate要一样
3.使用标签
<udate></udate>
4.子组件向父组件传值(子组件通过$emit方法传递参数)
子组件需要把数据传出
方法一:watch监听数据改变,result就是要传递的值{{result}},这种的就这样写
watch: {
result: function() { // result就是{{result}}中的这个
this.$emit('result', this.result)
}
},
方法二:定义了一个子传父的方法,如:@click=“resultF”
methods:{
resultF() {
this.$emit('re', this.result) // re是方法,父组件需要用,this.result是传的数据
}
}
5.父组件接收
上面的1,2,3步骤,然后需要给3写一个方法
<udate @re="resultChild"></udate> // re要和子组件一样
methods: {
resultChild(res) { // res就是传递过来的数据
this.result = res
},
}
6.父组件向子组件传值,用props
父组件定义
<udate @re="resultChild" :tochild="tochild"></udate>
子组件使用
<script>
export default {
props:{
tochild: '',
},
}