<form class="Comments_value flex" @submit="click_btn">
<input
class="ipt"
type="text"
name="ipt"
placeholder="评论"
confirm-type="send"
:value="commentvalue"
@confirm="send_comment" />
<button class="cv_send" formType="submit">发送</button>
</form>
![狼烟蛮蛮](http://img-cdn-tc.dcloud.net.cn/uploads/avatar/000/42/59/14_avatar_mid.jpg?v=0)
- 发布:2021-05-30 17:24
- 更新:2021-05-30 17:24
- 阅读:660
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 10.0.19042.928
HBuilderX类型: 正式
HBuilderX版本号: 3.1.9
浏览器平台: 微信内置浏览器
浏览器版本: 1.05.2102010
项目创建方式: HBuilderX
示例代码:
操作步骤:
直接运行
直接运行
预期结果:
应该正常出现form下面class="ipt" 是第一子集,而不是嵌套一个span
应该正常出现form下面class="ipt" 是第一子集,而不是嵌套一个span
实际结果:
下面是从微信开发者工具中copy出来的
<uni-form data-v-0fffe178="" data-v-51b4f9ba="" class="Comments_value flex"><span><uni-input data-v-0fffe178="" class="ipt"><div class="uni-input-wrapper"><div class="uni-input-placeholder input-placeholder" data-v-0fffe178="" data-v-51b4f9ba="" data-v-2b6d040f="">评论</div><input maxlength="140" step="" enterkeyhint="send" autocomplete="off" type="" class="uni-input-input"><!----></div></uni-input><uni-button data-v-0fffe178="" class="cv_send">发送</uni-button></span></uni-form>
下面是从微信开发者工具中copy出来的
<uni-form data-v-0fffe178="" data-v-51b4f9ba="" class="Comments_value flex"><span><uni-input data-v-0fffe178="" class="ipt"><div class="uni-input-wrapper"><div class="uni-input-placeholder input-placeholder" data-v-0fffe178="" data-v-51b4f9ba="" data-v-2b6d040f="">评论</div><input maxlength="140" step="" enterkeyhint="send" autocomplete="off" type="" class="uni-input-input"><!----></div></uni-input><uni-button data-v-0fffe178="" class="cv_send">发送</uni-button></span></uni-form>
bug描述:
/使用微信开发者工具,开发网页模式,浏览器版本号也是微信开发者工具版本号/
使用form 组件,运行之后,form组件内部,自动被插入span标签。
![](http://img-cdn-tc.dcloud.net.cn/uploads/questions/20210530/3464f82dfa4c20cf981659483a1c82d2.png)
![](http://img-cdn-tc.dcloud.net.cn/uploads/questions/20210530/a6fbce67329d46b591cfdf8ee47ddfab.png)