宝哥软件园

解决layui表单元素单选不显示渲染的问题

编辑:宝哥软件园 来源:互联网 时间:2021-08-20

最近使用了对程序员比较友好的前端框架layui,初步封装了很多效果。

使用过程中遇到的最常见的问题就是引用的问题,各种模板都不能用,虽然都是百度解决的。

这次要解决的问题是layui表单无法呈现效果。

我希望效果是

但程序运行效果是

问题分析:

因为这个表单,我用laytpl动态插入,所以表单中radio的效果不呈现,打开调试模式就可以看到

正常的无线电渲染结果应该包括一个I标签和一个span标签

我们的渲染结果只有一个输入标签

因此,该位置没有数据显示。

解决方法:

因为框架比较新,大部分内容只能通过官网的论坛获取,所以我搜索了很久,终于在官方文档里看到了一句话

有时,您的一些表单元素可能会被动态插入。此时,表单模块的自动呈现将会失败。虽然我们没有双向绑定机制(因为我们称之为经典的模块化框架,mehahaha。),但没什么,你只需要执行form . render(type);方法就够了。

类型是表单的类型,它是可选的。默认情况下,所有类型的表单都会更新一次。下表显示了可以在本地刷新的类型:

所以我在插入模板的代码末尾添加了一句话

form . render();//更新一切。问题解决了!

以上文章解决了layui的表单元素radio不显示不渲染的问题,这是边肖分享的全部内容。希望能给大家一个参考,支持我们。

更多资讯
游戏推荐
更多+