父组件引入子组件 注册——并传值
引入
import Sopmian from "./test.vue";
注册
components: {
Sopmian,
BindSop,
},
传递参数
<BindSop
:choosedModelId="state.choosedModelId"
:productTreeTemplateId="state.productTreeTemplateId"
></BindSop>
子组件通过prop接受-紧接着使用watch监听,后面再紧跟着方法
@Prop() productTreeTemplateId!: string;
@Prop() choosedModelId!: string;
/**生命周期 */
created() {
this.getoldId();
}
// 监听传递过来的值 watch 事件会监听紧挨着的方法
@Watch("productTreeTemplateId", { deep: true, immediate: true })
getoldId() {
this.state.productTreeTemplateId = this.productTreeTemplateId;
if (this.state.productTreeTemplateId) {
this.ProductTreeTemplateApi.productTreeTemplateGetListAll(
this.state.productTreeTemplateId
).then((res) => {
this.state.treeData = [res];
});
}
}