关于微信小程序form表单无法触发提交的解决方案

wxml页面显示

<form bindsubmit="publish_pc">
    <view class='remarks'>    
      <textarea name="demand" placeholder='以上信息还不够？此处可填写备注哦~' value='{{demand}}'></textarea>
    </view>
    <button form-type="submit">显示内容</button>
</form>

js代码

publish_pc: function (e) {
    console.log("test");
}

出现问题：点击button时无法触发form的submit方法，百度给出的回答是删掉auto-focus，可是我没有用到这个属性呢，百思不得其解，后经尝试，得一不是上佳的解决方案

解决方案如下

只需要修改wxml的标签即可

<form bindsubmit="publish_pc">
    <textarea name="demand" class='remarks' placeholder='以上信息还不够？此处可填写备注哦~' value='{{demand}}'></textarea>
    <button form-type="submit">显示内容</button>
</form>

如果你也有这个问题，不仿试试这个解决方案

如果有懂哥也希望解答一下为什么