qq_40787608的博客

【代码】css3滚动条美化。

vue页面动画出现跳动

vue3实现页面缓存

element标签闪烁

element使main撑满屏幕

vue3在js文件使用store报错undefined

vue3父子组件数据传递

element全屏

vue3使用cookie

vue3请求代理vue3跨域请求

animation各属性用法

vue使用animate动画效果

jsvascript实现商品sku

js往对象添加一个变量属性

layui弹出层复选框样式

vscode安装vue插件

layui登陆重定向嵌套页面的问题

element手动上传文件

element的switch标签使用1和0不生效

webpack中vue配置端口号

element按下回车键提交表单

javascript解构赋值

webpack使用axios

element重置表单

css让div屏幕居中

vue

layui默认的提交表单的方式submit(filter)layui.use(['form'],function () { var form = layui.form; form.on('submit(login)',function (data) { ajaxPost('/a/login',data.field,'/a/index') }) })layui提供的提交表单方式需要我们点击button才能提交表单，有时候我们

top.layui.index.openTabsPage(url,'产品列表')

前端处理的数据后端接收到的值使用json_decode函数将json字符串转化为数组json_decode($post['data'],true)

HTML代码 <form class="layui-form layui-form-pane" action="" enctype="multipart/form-data" onsubmit="return false;"> <div class="layui-form-item"> <label class="layui-form-label">标题</label&g

<div class="layui-form-item" pane=""> <div class="layui-col-md12"> <label class="layui-form-label" style="width: 110px;margin-right: 10px">爱好</label> <div class="layui-input-block"> <input class=

复制select的组件的时候需要给该组件加上classlayui-form<div class="layui-form layui-col-md12"> <label class="layui-form-label">分配角色权限：</label> <div class="layui-input-inline"> <select name="auth_id" lay-filter="aihao"> <option

加一段js$('.layui-form-checkbox').on('click',function () { var checked = $(this).hasClass('layui-form-checked') if(checked){ var name = $(this).prev().attr("checked",true); }else{ var name = $(this).prev().attr

底部这段js是页面跳转的关键，这两段js有报错需要检查一下路径<script src="__LAYUI__/layui.js"></script><script> layui.config({ base: '__LAYUI_ADMIN__/' //静态资源所在路径 }).extend({ index: '/lib/index' //主入口模块 }).use('index');</script>

解决方法：给layui的radio单选框添加一段JQ代码//layui的单选框的选中状态 $('.layui-form-radio').on('click',function () { var name = $(this).prev().attr("name"); $('input[name='+name+']').attr("checked",false) $(this).prev().attr('checked',"checked");

$('input[name=sex][checked]').val()

CSS部分.pagination{ width: 100%; margin: 10px 0;}.pagination::after{ display: block; content: ""; clear: both; height: 0;}.pagination li{ float: left; vertical-align: middle; padding: 0 15px; height: 34px; lin

<div class="layui-col-md12"> <input type="radio" name="sex" value="nan" title="男"><div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i><div>男</div></div>

$(document).keydown(function(event){ if(event.keyCode==13){ submit(); } });

width100%，设置padding或border溢出解决方法.box { width: 100px; height: 100px; background: red;} .bd { width: 100%; padding: 10px; background: black;}<div class="box"><div class="bd"></div> </div>如上结构，子元素将会溢出解决方法：CSS3： 加入box-