layuid出层渲染表单,并在表单里面添加开关和密码输入框怎么做,贴上代码。

layuid出层渲染表单,并在表单里面添加开关和密码输入框怎么做,贴上代码。,第1张

表单渲染需要依赖layui的 form模块

layui.use(['layer', 'form'], function(){

var layer = layui.layer

,form = layui.form

//layui 表单需要依赖form模块,并且d出层动态加载,必须在success参数里重新渲染。

//用带有lay-filter参数的容器包裹CheckBox表单,密码输入框和平时一样使用就行

layer.open({

title: '在线调试'

,content: '<div class="layui-form" lay-filter="test1"><input type="checkbox" name="zzz" lay-skin="switch" lay-text="开启|关闭"></div>'

,success: function(layero, index){

form.render(null, 'test1')}

})

})

参考文章:layui laydate 可以选择年月日时分秒,且默认获取

layui.use(['form', 'layedit', 'laydate'], function() {

        var form = layui.form

            , layer = layui.layer

            , laydate = layui.laydate

        laydate.render({

            elem: '#date1', //指定元素

            type:'datetime', // 可选择:年、月、日、时、分、秒

            format: 'yyyy-MM-dd HH:mm:ss', //指定时间格式

            value: new Date(), // 指定值

        })

})

先在vue项目的入口文件man.js里面import layer的css和js相关文件,可将layer设置为vue里的函数对象 vue.layer = vue.prototype.$layer = layer

在组件里面用this.$layer


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11792079.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存