TS父传子

父组件引入子组件 注册——并传值
引入
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];
      });
    }
  }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值