父组件
使用
<survey></survey>
引入
import survey from "../../components/urbanInvestment/survey.vue";
注册
components: { survey,},
父传子 属性
父组件
<survey :region="this.region" ></survey>
子组件
props: ["region"],
data() {
return {
regionMap: this.region, //修改需要重新定义一下
}
}
父引用子组件 事件
父组件
<survey ref="survey" ></survey>
事件里
this.$refs.survey.mapCheck();
子组件
methods:{
mapCheck(){ }, //子组件里被调用事件
}
子传父 属性
父组件
<survey @getRegin="getRegin" ></survey>
methods:{
getRegin(val){ }, //val 子组件传递的参数
}
子组件
this.$emit("getRegin", this.cityShow); //this.cityShow 传递的属性