<!-- .ttml -->
<form
  bindsubmit="formSubmit"
  bindreset="formReset"
  clue-component-id="{{clueComponentId}}"
  conversion-target="{{conversionTarget}}"
>
  <!-- 这里可以根据需要来使用表单组件 -->
  <slider name="slider" value="50" show-value></slider>
  <switch name="switch1" />
  <switch name="switch2" checked="checked" />
  <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">
    getPhoneNumber
  </button>
  <button type="primary" form-type="submit">提交</button>
  <button form-type="reset">重设</button>
</form>

// .js
Page({
  data: {
    clueComponentId: "xxx", // 这里填写创建的线索组件id
    conversionTarget: 1,
  },
  formSubmit(e) {
    console.log("formSubmit: ", e.detail);
    tt.showToast({
      title: "提交",
      icon: "success",
    });
  },
  formReset() {
    console.log("formReset");
  },
  getPhoneNumber(e) {
    console.log(`getPhoneNumber success: `, e);
  },
});

<!-- .ttml -->
<form
  bindsubmit="formSubmit"
  bindreset="formReset"
  clue-component-id="{{clueComponentId}}"
  conversion-target="{{conversionTarget}}"
>
  <button
    form-type="submit"
    open-type="getPhoneNumber"
    bindgetphonenumber="getPhoneNumber"
  >
    getPhoneNumber
  </button>
</form>

// .js
Page({
  data: {
    clueComponentId: "xxx", // 这里填写创建的线索组件id
    conversionTarget: 1,
  },
  formSubmit(e) {
    console.log("formSubmit: ", e.detail);
    tt.showToast({
      title: "提交",
      icon: "success",
    });
  },
  formReset() {
    console.log("formReset");
  },
  getPhoneNumber(e) {
    console.log(`getPhoneNumber success: `, e);
  },
});

<!-- .ttml -->
<form
  tt:if="{{clueComponentId}}"
  conversion-target="{{conversionTarget}}"
  clue-component-id="{{clueComponentId}}"
>
  <button
    formType="submit"
    open-type="getPhoneNumber"
    bindgetphonenumber="getPhoneNumber"
  >
    getPhoneNumber
  </button>
</form>

// .js
Page({
  data: {
    conversionTarget: 1,
    clueComponentId: undefined,
  },
  async onLoad() {
    // 这里调用接口获取 clueComponentId，然后通过 setData 设置
    const clueComponentId = await this.getClueComponentId();
    this.setData({ clueComponentId });
  },
  getClueComponentId() {
    return new Promise((resolve) => {
      setTimeout(() => {
        resolve("xxxxx");
      }, 2000);
    });
  },
  getPhoneNumber(e) {
    console.log(e);
  },
});