微信小程序——有关清除template中的input数据问题

今天在找bug的时候出现了一点点小问题,

问题就是,当引用template模板时,模板中的input是不能利用value清空的。

具体实例如下:

定义一个简单的布局,就一个输入框,一个按钮,点击按钮清除输入框中的内容。

此时未引用template模板,直接写在WXML文件中。

微信小程序——有关清除template中的input数据问题

微信小程序——有关清除template中的input数据问题

启动程序时,key被置为123

此时界面上显示

微信小程序——有关清除template中的input数据问题

点击清除按钮后

微信小程序——有关清除template中的input数据问题

清除成功!

清除原理就是把input中的value属性置为空字符串。

以上是未引用模板时,一切正常。


当我们引用模板后,代码如下:
(我把button也放在了模板中)

微信小程序——有关清除template中的input数据问题

模板引用,一定记得先写上import,否则咋调也不会出来的。

微信小程序——有关清除template中的input数据问题

界面和刚才一样,结果启动后,竟然没有123 TAT

微信小程序——有关清除template中的input数据问题

在输入框中写点东西,点击清除,发现data中的key是被清除了,但是输入框中的文本纹丝不动。

微信小程序——有关清除template中的input数据问题

以上,在template中的input的value属性没有和js文件中对应字段绑定上,template把布局+样式模块化,是增加代码复用率不可或缺的方法之一,发生这样的情况,,我只能舍弃了template直接把布局+样式写到原本的地方,也不知道这算不算一个微信小程序的bug。

也可能这根本就不是问题。。只不过我水平太低。。