111浏览

0评论

layui use 定义js外部引用函数的方法

layui.use 加载layui.define 定义的模块，当外部 js 或 onclick调用 use 内部函数时，需要在 use 中定义 window 函数供外部引用 ，如下：layui.use(['layer','form'],function(){...

• 2020-05-27

120浏览

0评论

IDEA安装vue插件图文详解

非常详细的IDEA安装vue插件的方法，供大家参考，具体内容如下1.idea上面安装vue插件（到这里idea安装vue插件就好了，接下来我们开始搭建我们后台管理系统）2.利用vue搭建后台管理系统...

• 2020-05-27

121浏览

0评论

vue框架制作购物车小球动画效果实例代码

最近在学习前端制作了一个购物车小球的动画效果直接上图看看效果下面介绍一下制作这个动画的详细过程：1.因为使用vue锁业需要使用transition标签包裹 并指定动画三个动画生命...

• 2020-05-27

95浏览

0评论

使用layer弹窗提交表单时判断表单是否输入为空的例子

获得 layer 文件包后，解压并将 layer 整个文件夹（不要拆分结构） 存放到你项目的任意目录，使用时，只需引入 layer.js 即可使用时一定他要先引入jq1.8，或者以上版本！！！下面是提交表单的...

• 2020-05-27

98浏览

0评论

vue点击当前路由高亮小案例

本文实例为大家分享了vue点击当前路由高亮的具体代码，供大家参考，具体内容如下功能展示：组件代码：标签上加exact.router-link-active{ background: rgba(255,255,255,0.8); colo...

• 2020-05-27

95浏览

0评论

利用layer实现表单完美验证的方法

如下所示：//基于layer框架之上，验证表单时引用。弹出提示错误function qxMsg(msgStr) { layer.open({ type: 1, title: '提示消息', offset: '10%;', content: '<div style="p...

• 2020-05-27

116浏览

0评论

vue+element表格导出为Excel文件

本文实例为大家分享了vue+element表格导出为Excel文件的具体代码，供大家参考，具体内容如下安装这三个依赖npm install xlsx file-saver -Snpm install script-loader -S -D组...

• 2020-05-27

103浏览

0评论

layui实现根据table数据判断按钮显示情况的方法

就可以根据table的数据实现判断toolbar按钮的显示状态和情况实例如下所示：<script type="text/html" id="barDemo"> {{# if(d.status ==0){ }} <a class="layui-btn layui-...

• 2020-05-27

88浏览

0评论

vue+element tabs选项卡分页效果

本文实例为大家分享了vue+element tabs选项卡分页效果的具体代码，供大家参考，具体内容如下文件目录：功能展示：路由配置：{ path: '/account', component: ()=> import('../compo...

• 2020-05-27

145浏览

0评论

微信小程序点击列表跳转到对应详情页过程解析

这篇文章主要介绍了微信小程序点击列表跳转到对应详情页过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下点击列...

• 2020-05-27

130浏览

0评论

layui.tree组件的使用以及搜索节点功能的实现

由于项目树形节点比较多需要增加节点搜索功能，所以研究了一下加上社区伙伴的支持，目前功能可以简单实现但细节还需要修改，添加上了组件的基本使用方法和属性，现在分享出来~HTML：<...

• 2020-05-27

90浏览

0评论

vue用BMap百度地图实现即时搜索功能

本文实例为大家分享了vue用BMap百度地图实现即时搜索功能的具体代码，供大家参考，具体内容如下功能如下：搜索框搜索---自动下拉---点击数据---数据显示在搜索框里---点击新增--...

• 2020-05-27

99浏览

0评论

微信小程序实现拖拽功能

<view class='collectBox' bindtap='addCollect' wx:if="{{write[0]+write[1] > 0}}" bindtouchmove="touchmove" catch:touchmove style="left:{{write[0]}}px;t...

• 2020-05-27

111浏览

0评论

细说webpack6 Babel的使用详解

在 webpack 中编写 JavaScript 代码，可以使用最新的 ES 语法，而最终打包的时候，webpack 会借助 Babel 将 ES6+语法转换成在目标浏览器可执行 ES5 语法。所以 Babel 是一个重要...

• 2020-05-27

130浏览

0评论

小程序调用微信支付的方法

本文实例为大家分享了小程序调用微信支付的具体代码，供大家参考，具体内容如下首先调用小程序wx.login登录接口 获取用户code将code作为参数 传给后端 调用后端接口wechat/p...

• 2020-05-27

114浏览

0评论

vue轮播组件实现$children和$parent 附带好用的gif录制工具

1、先提前预祝大家国庆节玩的愉快，我国庆要见家长去了（忐忑）2、忍不住想要为小米正名，虽然我是米粉但是我是理智粉。24号不是mix alpha发布会啊，看了真滴是惊艳（现场直接有人喊“...

• 2020-05-27

98浏览

0评论

react实现同页面三级跳转路由布局

本文实例为大家分享了react实现同页面三级跳转路由布局的具体代码，供大家参考，具体内容如下
一级路由+布局组件：//嵌套路由小案例 布局页面一级路由import React from 'react'...

• 2020-05-27

126浏览

0评论

Vue 中使用富文本编译器wangEditor3的方法

富文本编译器在vue中的使用在开发的过程中由于某些特殊需求，被我们使用，今天我就简单讲一讲如何在vue中使用wangEditor3首先讲一下简单的使用。
1、使用npm安装npm install wa...

• 2020-05-27

238浏览

0评论

vue+element搭建后台小总结 el-dropdown下拉功能

本文实例为大家分享了el-dropdown下拉功能的具体代码，供大家参考，具体内容如下功能：点击el-dropdown 下拉 下拉的数据 从后台获取 遍历到界面上且多个el-dropdown下拉 共用 一...

• 2020-05-27

145浏览

0评论

vue实现百度搜索功能

本文实例为大家分享了vue实现百度搜索功能的具体代码，供大家参考，具体内容如下最终效果：Baidusearch.vue所有代码：<template> <div> <div class="container" id="app"> <div c...

• 2020-05-27

161浏览

0评论

微信小程序 多行文本显示...+显示更多按钮和收起更多按钮功能

看了很多帖子，但是效果都不是很好。还是找微信小程序官方文档，自己写比较方便。自己动手丰衣足食！话不多说，上代码！时空传送先来个效果图html<block wx:for='{{trendsList}}' wx:...

• 2020-05-27

96浏览

0评论

vue仿ios列表左划删除

本文实例为大家分享了vue仿ios列表左划删除的具体代码，供大家参考，具体内容如下效果：代码： <template> <div class="delete"> <div class="slider"> <div clas...

• 2020-05-27

284浏览

0评论

layui 上传图片 返回图片地址的方法

默认是file参数名返回一个Map前端接收即可。以上这篇layui 上传图片 返回图片地址的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。...

• 2020-05-27

592浏览

0评论

layui 阻止图片上传的实例(before方法)

今天项目上传图片需要校验大小，而且各个地方图片大小的限制不一样，如果在后台控制会比较麻烦，所以就放在 js 里校验，这里用的layui（1.0.9） 的 upload.js 模块。这个版本的layui本...

• 2020-05-27

949浏览

0评论

layui实现多图片上传并限制上传的图片数量

废话不多说了，直接上代码吧！ //给图片添加删除 function mouseChange() { $(document).on("mouseenter mouseleave", ".file-iteme", function (event) {...

• 2020-05-27

126浏览

0评论

浅谈layui里的上传控件问题

很多时候，项目里都是需要上传功能的，现在就来研究研究，首先，在html页面引入layui的包，如：<link rel="stylesheet" href="map/plug-in/scripts/layui/css/layui.css" rel="external...

• 2020-05-27

120浏览

0评论

vue实现节点增删改功能

本文实例为大家分享了vue实现节点增删改功能的具体代码，供大家参考，具体内容如下效果：增删改功能 tree.vue组件代码：<template> <div> <div class="all-div" v-if="model.name"...

• 2020-05-27

173浏览

0评论

vue实现全匹配搜索列表内容

本文实例为大家分享了vue实现全匹配搜索列表内容的具体代码，供大家参考，具体内容如下效果：组件代码：<template> <div> <!-- 搜索框加按钮 --><el-input placeholder="请搜索关键...

• 2020-05-27

448浏览

0评论

layui(1.0.9)文件上传upload,前后端的实例代码

因为公司还在使用老版本的layui，文件上传在新版本中全部重写了，这里记录下老版本layui的文件上传。前端代码：（引入layui相关包）<input type="file" lay-type="file" id="xxxxx" n...

• 2020-05-27

134浏览

0评论

layui上传图片到服务器的非项目目录下的方法

1、layui没办法与form表单中的其他字段一同提交到后台，所以只能通过先提交图片，然后通过返回的图片的值来提交到数据库2、先将所需要的jar包导入，我是用的maven所以，需要在父pom...

• 2020-05-27

250浏览

0评论

微信小程序 wxParse插件显示视频问题

修改wxParse/html2json.js 文件 ，在 html2json(html, bindName) 方法里 var node = { node: 'element', tag: tag, };这里使用 node.tag 能够获取标签类...

• 2020-05-27

108浏览

0评论

webpack 处理CSS资源的实现

1. 一个引入 CSS 资源的案例// index.jsimport './style.css'/* style.css */#root { height: 100px; width: 100px; border: 1px solid #ccc;}就这样打包的话，是会报错的，那...

• 2020-05-27

132浏览

0评论

vue实现在线翻译功能

本文实例为大家分享了vue实现在线翻译功能的具体代码，供大家参考，具体内容如下最终效果：APP.vue<template> <div id="app"> <h4>在线翻译</h4> <h5>简单/易用/方便</h5> <!-...

• 2020-05-27

170浏览

0评论

layui+SSM的数据表的增删改实例(利用弹框添加、修改)

本人前端知识相当于小白，初学SSM时，了解了layui前端框架，所以开始研究了数据表的增删改查，由于js、ajax知识不是很好，所以百度了相关ajax操作，用以借鉴。希望能帮助有需要的初学者...

• 2020-05-27

144浏览

0评论

在SSM框架下用laypage和ajax实现分页和数据交互的方法

layui，一款前端框架，提供了丰富的组件和模板，layui提供的简约后台管理模板，对于后端学习者来说是个不错的福音。这里记录在SSM框架下使用layui的分页组件laypage。(官网开发文档...

• 2020-05-27

213浏览

0评论

vue调用语音播放的方法

本文实例为大家分享了vue调用语音播放的具体代码，供大家参考，具体内容如下
功能展示 输入文字 点击播放 调用语音直接上代码<template> <div> <!-- 语音播放功能 --> <div> <i...

• 2020-05-27

126浏览

0评论

通过layer实现可输入的模态框的例子

废话不多说，我就直接上代码吧！<%@ page contentType="text/html;charset=UTF-8" language="java" %><%@ taglib prefix="s" uri="/struts-tags" %><!DOCTYPE HTML><html lang=...

• 2020-05-27

131浏览

0评论

vue实现倒计时获取验证码效果

本文实例为大家分享了vue实现倒计时获取验证码效果的具体代码，供大家参考，具体内容如下效果：代码：<template> <div> <el-button :disabled="disabled" @click="sendcode" class=...

• 2020-05-27

146浏览

0评论

使用layer弹窗,制作编辑User信息页面的方法

用户信息展示页面为A页面，编辑页面为B页面。A是B的父页面首先在A页面添加按钮，点击触发函数，函数初始化layer弹窗‘编辑'按钮：<button type="button" class="btn btn-primary bt...

• 2020-05-27

395浏览

0评论

在layer弹层layer.prompt中,修改placeholder的实现方法

如下所示：layer.prompt({title: '修改密码',placeholder:'请输入新密码'},function(val, index){//成功后执行});该修改的地方 layer.js效果图以上这篇在layer弹层layer.prom...

• 2020-05-27

151浏览

0评论

layer.open提交子页面的form和layedit文本编辑内容的方法

主要 用到layer 自带的取子页面dom的方法 layer.getChildFrame(),在父页面对子页面dom进行操作js代码:在layer.open 中 btn yes function(index, layero){ }中 获取子页面的...

• 2020-05-27

112浏览

0评论

vue选项卡切换登录方式小案例

本文实例为大家分享了vue选项卡切换登录方式的具体代码，供大家参考，具体内容如下最终效果组件代码：<template> <div> <div class="login_warp"> <div class="loginbox fl"> <!...

• 2020-05-27

102浏览

0评论

使用layui的layer组件做弹出层的例子

官方文档地址： http://www.layui.com/doc/modules/layer.html本例演示效果：当点击申请提现时,出现申请提现框,并根据用户输入进行一些判断,给出友好提示,比如:代码实现：<!DOCTY...

• 2020-05-27

89浏览

0评论

vue实现手机端省市区区域选择

本文实例为大家分享了vue实现手机端省市区区域选择的具体代码，供大家参考，具体内容如下1 后端接口获取城市信息2 先获取省 根据用户点击的省获取市3 再根据用户点击的市获取区...

• 2020-05-27

93浏览

0评论

vue实现表格过滤功能

本文实例为大家分享了vue实现表格过滤功能的具体代码，供大家参考，具体内容如下效果：组件代码： <template> <div> <input type="text" v-model="searchText"> <ul> <li v-for="(...

• 2020-05-27

99浏览

0评论

关于ligerui子页面关闭后,父页面刷新,重新加载的方法

1、需求在子页面处理完成后，在关闭时刷新并重新加载父页面 $.ajax({ url : '${base.contextPath}/test/test', type : "post", dataType :...

• 2020-05-27

182浏览

0评论

jquery 回调操作实例分析【回调成功与回调失败的情况】

本文实例分析了jquery 回调操作。分享给大家供大家参考，具体如下：jquery 回调成功的情况node2:/django/mysite/static/Js/Public#cat displaytestxhr.jsfunction B (response,...

• 2020-05-27

214浏览

0评论

layui form.render('select', 'test2') 更新渲染的方法

如下所示：<div class="layui-form" lay-filter="test1"> …</div> <div class="layui-form" lay-filter="test2"> …</div> 【JavaScript】form.render(null, 'test1'); //...

• 2020-05-27

125浏览

0评论

解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题

首先：引入需要的css和js<link rel="stylesheet" href="${ctx}/adminthemes/version3/plugins/layui/css/layui.css" rel="external nofollow" /><script type="text/javascri...

• 2020-05-27

180浏览

0评论

vue实现表单录入小案例

本文实例为大家分享了vue实现表单录入的具体代码，供大家参考，具体内容如下最终效果：代码：<template> <div id="app"> <!--第一部分--> <fieldset> <legend>学生录入系统</legen...

• 2020-05-27