宝哥软件园

解决获得的使用以及针对选择、收音机等表单组件不显示的问题

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

获得是国内一款界面比较整洁大方的用户界面框架,里面封装了很多前端开发常用的组件,通常我们直接复制代码过去就可以实现效果,可以提高我们的开发效率。

使用步骤:

1、下载layui:https://www.layui.com

2、将获得文件夹复制到自己的项目里:

3、在超文本标记语言页面引入相关的钢性铸铁和js:

链接rel='样式表type=' text/CSS ' href='/layui/CSS/layui。CSS ' rel='外部无跟随'媒体=' all '//路径仅供参考脚本类型=' text/JavaScript ' src=' http :/layui/layui。js '/script//路径仅供参考4、我们除了直接复制组件代码过来使用外,也可以参考他们的开发文档,了解更多更详细的使用方法:

相关开发文档:https://www.layui.com/doc

形式表单选择、收音机组件不显示的解决方法:

这里简单的复制了一段框架的形式表单代码:

!DOCTYPE html html head meta charset=' utf-8 ' title layui/title meta name=' renderer ' content=' WebKit ' meta http-equiv=' X-UA-Compatible ' content=' IE=edge,chrome=1 ' meta name=' viewport ' content=' width=device-width,initial-scale=1,maximum-scale=1' link rel='样式表href=' layui/CSS/layui。CSS ' rel=' externano follow ' media=' all '/head dy form class=' width : 400 px ' div class=' layui-form-item ' label class=' layui-form-label '输入框/label div class=' layui-input-block ' input type=' text ' name=' placeholder='请输入自动完成=' off ' class=' layui-input '/div/div class=' layui-form-item ' label class=' layui-form-label '下拉选择框/label div class=' layui-input-block ' select name=' 利息“lay-filter=”艾蒿'选项值='0 '写作/option选项值='1 '阅读/option/select/div/div class=' layui-form-item ' div class=' layui-input-block ' button class=' layui-BTN ' lay-submit lay-filter=' * '立即提交/button button type=' reset ' class=' layui-BTN layui-BTN-primary '重置/button/div/div/formscript src=' http : layui/layui。 js ' charset=' utf-8 '/脚本/正文/html但是运行的时候,选择下拉框不能正常显示:

这里写出正确的解决方法,大家自行检查自己的代码:

1、在挑选等组件上记得要加上lay-filter='*** ',用于在射流研究…中做渲染;

选择名称='兴趣'层过滤器='艾蒿' 2,对形式表单的组件进行渲染:

script layui.use('form ',function(){ var form=layui。形式;form.render('select ','艾蒿');//各种基于事件的操作,下面会有进一步介绍//form.render('组件名、"层过滤器"名') });/script这样,就没有什么问题了:

以上这篇解决获得的使用以及针对选择、收音机等表单组件不显示的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

巴布亚新几内亚

更多资讯
游戏推荐
更多+