layui的面包屑或者表单不显示的解决方法
如下所示：页面上显示空白 是因为加了hidden；让我们去查查官方文档官方是这样描述的当你使用表单时，Layui会对select、checkbox、radio等原始元素隐藏，从而进行美化修饰处理。...
2020-05-27
解决layui的使用以及针对select、radio等表单组件不显示的问题
layui是国内一款界面比较整洁大方的ui框架，里面封装了很多前端开发常用的组件，通常我们直接复制代码过去就可以实现效果，可以提高我们的开发效率。使用步骤：1、下载layui：https:/...
2020-05-27
layui中select，radio设置不生效的解决方法
废话不多说，大家来看吧！ <button class="layui-btn layui-btn-radius" layadmin-event="edit"> <i class="layui-icon"></i>编辑</button>点击编辑取消disabled$(...
2020-05-27
layer 刷新某个页面的实现方法
一：使用layer.open打开的子页面window.parent.location.reload()//刷新父页面var index = parent.layer.getFrameIndex(window.name)//获取窗口索引parent.layer.close(index...
2020-05-27
layui表单验证select下拉框实现验证的方法
layui 的form表单里的select 一开始以为加上lay-verify="required"就可以验证不空了,可是反复试了几次都不能验证代码如下：<div class="layui-form-item"> <label class="la...
2020-05-27
layui select 禁止点击的实现方法
直接上代码啦注意事项：1. 必须写 layui.use([form])2. 先把属性设置为disabled3. 再form.render（）一下以上这篇layui select 禁止点击的实现方法就是小编分享给大家的全部内容...
2020-05-27
在layui中select更改后生效的方法
在layui中重新渲染表单这一步比较重要，部分表单元素需要重新渲染后才能生效，例如select建议在js中放入以下function： //重新渲染表单 function renderForm(){ layui.us...
2020-05-27
vue中 this.$set的用法详解
当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。<template> <div id="app"> <p v-for="...
2020-05-27
layui表格 列自动适应大小失效的解决方法
如下所示：从官网复制的表格，修改成自适应宽度后失效，原因如下：以上这篇layui表格 列自动适应大小失效的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家...
2020-05-27
layui表格内容溢出的解决方法
引言，我做文章管理的时候，引入的是layui的表格样式，但是里面的内容溢出无法隐藏，后来我采用了往td里面加了个<div></div>然后设置一下样式就可以了。
<table class="layui-tabl...
2020-05-27
layui关闭层级、简单监听的实例
弹出一个小页面input代码如下 /*监听工具条*/ table.on('tool(test)', function(obj){ var data = obj.data; /*获得当前行数据*/ var layEvent = obj.event; /*获得 lay...
2020-05-27
layui关闭弹窗后刷新主页面和当前更改项的例子
如下所示： function open(t){ var id = $(t).attr("data-id"); var url = "{:U('home/.../...')}&id="+id; //弹出层 layer.open({ ... content: url...
2020-05-27
使用layui的router来进行传参的实现方法
如果我们需要通过链接传参的话，我们需要使用使用url+/#/参数如下面代码我要传参id,edit/#/id=1就可以传参成功了 $(document).on('click', '#edit', function(data) { va...
2020-05-27
layui type2 通过url给iframe子页面传值的例子
A页面 调用layui.layer.open layui.use(["layer"], function () { layui.layer.open({ type: 2, title: "管理角色拥有的部门",...
2020-05-27
Nuxt.js实现一个SSR的前端博客的示例代码
为什么要用Nuxt.js公司现有的项目只有落地页是通过前端本身server读取pug文件进行服务端渲染的，当然是为了首屏加载速度以及SEO。Nuxt.js 是一个基于Vue.js的通用应用框架，预...
2020-05-27
在layui下对元素进行事件绑定的实例
要注意的是记得要先引用element操作模块 ，否则是无法绑定的格式：$(document).on(事件，标识，function(){}); layui.use(['jquery', 'form', 'table', 'element'], function() {...
2020-05-27
对layui中的onevent 和event的使用详解
这是官方文档的说明 layui.onevent(modName, events, callback) 自定义模块事件，属于比较高级的应用。有兴趣的同学可以阅读layui.js源码以及form模块...
2020-05-27
微信小程序 组件的外部样式externalClasses使用详解
启用外部样式：自定义组件：v-tag在html 引入在组件写外部样式的css :.ex-tag { background-color: #fffbdd ;}在组件使用该外部的样式这个时候我们发现没有效果我们应该使用！imp...
2020-05-27
vue-cli3跨域配置的简单方法
vue-cli3跨域配置：
在vue-resource的数据请求中，一般我们会将请求方式GET/POST修改为jsonp的请求方式就可以实现跨域。
但是对于只支持GET/POST两种请求方式的api，修改jsonp，就...
2020-05-27
layui 弹出删除确认界面的实例
列表HTML：data-id="{$ls['sid']}" 和class=" del"<td> <a href="{:U('Single/single',['sid'=>$ls['sid']])}" rel="external nofollow" class="layui-btn layui-btn-mini...
2020-05-27
layui button 按钮弹出提示窗口,确定才进行的方法
如下所示：<button lay-id="{$id}" class='layui-btn layui-btn-normal correct_finish' οnclick="return confirm("确定试卷所有题目都批改完吗?一但确定就不能再批改！")...
2020-05-27
vue-cli history模式实现tomcat部署报404的解决方式
vue-cli开发过程中路由#不好看，去掉可使用history模式，开发模式路径访问都没问题，部署到服务器之后访问路径时报404，这种情况需要配置服务器默认访问路径index.html.官网只提供...
2020-05-27
jQuery实现每日秒杀商品倒计时功能
html & js：<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" c...
2020-05-27
详解webpack打包vue项目之后生成的dist文件该怎么启动运行
亲测，webpack打包vue项目之后生成的dist文件可以部署到 express 服务器上运行。我的vue项目结构如下：
1. 进入该vue项目目录，打开git bash，执行：npm run build(在package.json的s...
2020-05-27
layui加载表格,绑定新增,编辑删除,查看按钮事件的例子
使用layui框架的时候，总会重复的写相关代码，感觉很是苦恼，所以进行分装，只需要关注业务方面即可如下图，提供新增，编辑，查看等功能js方法/** * 页面内弹出编辑窗口 //需要引入 layui...
2020-05-27
微信小程序 搜索框组件代码实例
这篇文章主要介绍了微信小程序 搜索框组件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代码如下search.wxml...
2020-05-27
基于Vue和Element-Ui搭建项目的方法
首先要求事先安装node和npm没有安装的自行百度或在论坛里面搜索！提示：在命令行分别输入node -v（node和-v之间有个空格） 和npm -v（同样有个空格）可查看当前的node和npm版本创建vue...
2020-05-27
layui 表格操作列按钮动态显示的实现方法
1、根据表格数据动态显示操作列按钮<script type="text/html" id="barDemo">{{# if (d.event_level ==4){}} <a class="layui-btn layui-btn-xs layui-btn-danger" lay-even...
2020-05-27
nuxt框架中对vuex进行模块化设置的实现方法
1.Nuxt里怎么使用vuex?Nuxt.js 内置引用了 vuex 模块，所以不需要额外安装。Nuxt.js 会尝试找到应用根目录下的 store 目录，如果该目录存在，它将做以下的事情：
1.1> 引用 vue...
2020-05-27
vue中input的v-model清空操作
问题来源写input组件的时候需求一个清空按钮，但是如果直接修改prop中父级的传值会报错。但是如果不修改父级无法更新值，也会带来开发的问题。解决v-model 完成大部分数据双向...
2020-05-27
Nuxt使用Vuex的方法示例
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。基础知识这里不再重...
2020-05-27
nuxt踩坑之Vuex状态树的模块方式使用详解
初次看到这个模块方式，感觉很是新奇，之前的vuex状态树使用方法用的也有些腻了，就想来实践一发新的东西
废话不多说，直接进入正题Vuex状态树-模块方式官方文档解读
状态树还可以...
2020-05-27
详解Nuxt.js中使用Element-UI填坑
Nuxt.js是Vue进行SSR的一个优选开源项目，可免去繁琐的Webpack、nodejs后台服务配置等操作，方便的搭建一个支持SSR的VUE项目。Element-UI则是一个机遇Vue2.0+开发的一套UI框架，...
2020-05-27
vue按需加载实例详解
vue-router配置路由，使用vue的异步组件技术，可以实现按需加载。这种方式下一个组件生成一个js文件用例：{path: '/promisedemo', name: 'PromiseDemo', component: resolve...
2020-05-27
layer的prompt弹出框,点击回车,触发确定事件的方法
做了个prompt弹出框，希望点击确定按钮的时候也能触发确定的事件，用户习惯的原因，在输入框输入框数据后，再重新拿起鼠标点击太麻烦，所以想着点击确定按钮触发事件。layer.prompt({...
2020-05-27
layui自定义验证,用ajax查询后台是否有重复数据,form.verify的例子
用layui表单自定义验证，ajax查询后台验证，form.verify和ajax组合时，尝试更改了几次方案，遇到的问题：1.有时点击两次submit才会提示验证结果；2.有时后台返回结果没问题，但不提示验证...
2020-05-27
layui在form表单页面通过Validform加入简单验证的方法
form简单验证<input type="text" name="email" datatype="e" ignore="ignore" placeholder="请输入邮箱" autocomplete="off" class="layui-input"> datatype="e"验证邮箱 i...
2020-05-27
layui的表单验证支持ajax判断用户名是否重复的实例
如下所示：在一个表单中，在提交前我们想判断该用户名是否存在，在layui中不支持。onblur()失去焦点事件，用按钮来手动触发，表单又不太美观，可以使用form表单的verify来进行验证。htm...
2020-05-27
解决layer.open后laydate失效的问题
如果你的open方式是1（html）的话这样是可以的，如果是2（iframe）方式打开，你把注入的代码写在打开的界面就可以了不用这样写，open的参数type是有区别的，所以请注意：今天在开发项目时候使...
2020-05-27
使用layui日期控件laydate对开始和结束时间进行联动控制的方法
1.在页面先引入laydate.js文件2.html页面控件如下：<input name="begin_time" style="margin-top:8px;width:130px;" id="begin_time" value="${beginTime}" class="Wdate" ty...
2020-05-27
javascript写一个ajax自动拦截并下载数据代码实例
这篇文章主要介绍了javascript写一个ajax自动拦截并下载数据代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下代...
2020-05-27
通过vue写一个瀑布流插件代码实例
这篇文章主要介绍了通过vue写一个瀑布流插件代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果如图所示：采用...
2020-05-27
微信小程序页面滚动到指定位置代码实例
这篇文章主要介绍了微信小程序页面滚动到指定位置代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下页面上有一个...
2020-05-27
vue的滚动条插件实现代码
这篇文章主要介绍了vue的滚动条插件实现代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果如下代码如下<template...
2020-05-27
javascript的惯性运动实现代码实例
移动端的惯性运动，最早来自 ios 的专利。用于手指滑动，离开屏幕之后，屏幕内容继续滚动。更有动态感。这里，以 pc 端，鼠标横向（沿x轴） 拖拽的，惯性计算。移动端同理效果代码如下<!DOC...
2020-05-27
vue 的 solt 子组件过滤过程解析
如下图：1、定义了一个类似下拉的组件 mySelect ， 然后里面有自定义的组件 myOptions2、有很多时候，我们希望， mySelect 组件内部的子组件，只能是 myOptions 。 不应该有 <div>666...
2020-05-27
vue 使用高德地图vue-amap组件过程解析
这篇文章主要介绍了vue 使用高德地图vue-amap组件过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下首先npm inst...
2020-05-27
使用 js 简单的实现 bind、call 、aplly代码实例
这篇文章主要介绍了使用 js 简单的实现 bind、call 、aplly代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下Fun...
2020-05-27
javascript移动端 电子书 翻页效果实现代码
这篇文章主要介绍了javascript移动端 电子书 翻页效果实现代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下效果1、...
2020-05-27
vue实现抖音时间转盘
本文实例为大家分享了vue实现抖音时间转盘的具体代码，供大家参考，具体内容如下做了一个抖音时间转盘，还挺简单的，可能我做的很粗糙用vue做的 才160行代码。其实很简单 只是大部...
2020-05-27
