如何开发关联组件?关联Form及Button

发布于 8 年前作者 fanghan13500 次浏览最后编辑 8 年前来自 ask

我想要自定义以下三个组件

  1. Form

  2. Input

  3. Button

假设这自定义的三个组件名称分别叫

  1. t-form

  2. t-input

  3. t-button

我在t-form自定义组件中写入如下

WXOPEN Club 内容图片

使用的时候

如下:

WXOPEN Club 内容图片

我完全按照微信文档中,组件关联部分的做法:

WXOPEN Club 内容图片


定义了公共的behavior:

WXOPEN Club 内容图片


t-btn的js:

WXOPEN Club 内容图片


t-input的写法:

WXOPEN Club 内容图片


t-form的写法:

WXOPEN Club 内容图片


好了,问题来了,我点击t-btn(已经设置了form-type=“submit”),无法触发外层t-form的submit方法。难道是我理解错了。官方文档里写的意思不是说关联后,子btn可以触发父form的submit方法?


实在是有点儿懵逼!到底这个关联组件要怎么开发?小程序又不支持双向绑定,都用input-change来修改值会使得应用在输入时会有延迟之类的问题,form-input-btn的关联模式要如何建立?

0 回复
暂无回复