Vue & Vuetify
vue UI组件库Vuetify框架
Jason Ho
分享技术,深度学习,社区中活跃的一份子
展开
-
手写三联动,避免重复追加的方法
前端:<div data-toggle="distpicker" id="distpicker" style="width: 350px"> <select name="province" id="province" style="width: 100px"> <option value="">请选择</option> <volist name="res_st原创 2020-07-02 09:11:54 · 141 阅读 · 0 评论 -
点击事件绑定回车键
点击事件和回车键绑定了:$("#searchBtn").on("click",function(){ var word =$("#topInput").val(); window.location.href = "{:U('Goods/glist')}?&word=" + word;})$(document).keyup(function (e) { if (e.keyCode == 13) { $("#searchBtn").click() }});...原创 2020-06-09 14:54:07 · 601 阅读 · 0 评论 -
JQ返回上一个,下一个,兄弟节点
jQuery.prev(),返回上一个兄弟节点,不是所有的兄弟节点jQuery.next(),返回下一个兄弟节点,不是所有的兄弟节点jQuery.siblings(),返回兄弟姐妹节点,不分前后jQuery.parent(expr),找父亲节点,可以传入expr进行过滤,比如("span").parent()或者("span").parent()或者("span").parent()或者(“span”).parent(".class")jQuery.parents(expr),类似于jQuery.p原创 2020-06-30 09:39:51 · 3131 阅读 · 0 评论 -
layui的懒加载,下划后才显示图片
<img lay-src="http://hanlusir-shop.oss-cn-shenzhen.aliyuncs.com/0740f3d6c6249b21ac18035ae9d45772.jpg"><img lay-src="http://hanlusir-shop.oss-cn-shenzhen.aliyuncs.com/0740f3d6c6249b21ac18035ae9d45772.jpg"><img lay-src="http://hanlusir-shop.原创 2020-06-03 16:00:51 · 736 阅读 · 0 评论 -
php删除无极限子分类的方法
前端:layer.confirm('确认要删除吗,如果该分类下有子分类将同时删除子分类?',function(index){ var id = obj.data.id; $.ajax({ url: "del_cate_menu_data", //后台数据请求地址 type: "post", data:{id:id}, async: false,原创 2020-07-03 09:48:08 · 272 阅读 · 0 评论 -
jq选择多个关联标签 :点击某个元素向字符串中添加一个值,再次点击去掉该值
<script> $('.classlist a').each(function(t,vv){ $(this).on('click',(function(){ if($(this).hasClass('active')){ $(this).removeClass('active'); setTimeout(function () { f();原创 2020-06-17 16:06:04 · 343 阅读 · 0 评论 -
vue项目配置真实接口地址
target:即是真实接口地址,不要忘了index.php不要管页面的请求的地址,Request URL: http://127.0.0.1:8080/v1/gallery实际请求的接口地址就是targetmodule.exports = { dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', proxyTable: { '/v1/**': { //原创 2020-07-16 11:59:06 · 1170 阅读 · 0 评论 -
更换html中title里面的小图标
在html头部添加这行就可以了,图片格式***.ico原创 2020-06-18 08:56:09 · 1109 阅读 · 0 评论 -
增加多个input表单后端保存逻辑
前端增加add页面 <table border="1px dashed red " id="_table2"> <tr> <td style="text-align: center">序号</td> <td style="text-align: center">姓名</td>原创 2020-06-24 10:51:18 · 352 阅读 · 0 评论 -
layui 树形菜单展示
<div id="test1"></div><script> layui.use('tree', function(){ var tree = layui.tree; //渲染 var inst1 = tree.render({ elem: '#test1' //绑定元素 ,accordion:true, data: getData(), }); }); function get原创 2020-07-02 11:30:39 · 862 阅读 · 0 评论 -
JQ树形菜单加表格混合使用:treeTable组件使用
前端: <div class="demo-side" style="margin-top: 50px"> <table id="demoTreeTb"></table> </div>js:<!-- 表格操作列 --><script type="text/html" id="tbBar"> <a class="layui-btn layui-btn-primary layui-btn-xs"原创 2020-07-02 16:22:45 · 904 阅读 · 0 评论 -
JQ自动加载函数: 分页加懒加载
JS: var _page = 1, _words = '', _loadDone = false; //当滚动条即将到达底部自动加载数据 $(window).scroll(function () { //下面这句主要是获取网页的总高度,主要是考虑兼容性所以把Ie支持的documentElement也写了,这个方法至少支持IE8 var htmlHeight = $(document).height();原创 2020-06-24 13:57:18 · 531 阅读 · 0 评论 -
VUE表单验证类
我们在vue项目的开发中经常会碰到form 表单校验,在项目中很多地方都需要,在组件内部写校验规则,大大增加了组件内部的代码量,组件看起来不简洁。同时,校验规则修改,可能很多文件得跟着修改,校验代码可复用性也差。 如果把校验规则提取出来,封装在一个文件里面。引入一下,就可以校验。写校验就变得简单多了。目前常用的校验和需要正则判断的校验,做出来了,但是,需要在页面取得数据或者需要后台的传回的数据,...原创 2019-09-29 10:16:44 · 568 阅读 · 0 评论 -
谷歌禁用缓存 disable cashe
F12 依次 network(网络)->勾选 disable cache 即可。原创 2020-10-13 10:02:18 · 929 阅读 · 0 评论 -
解决iframe报错:Uncaught DOMException: Failed to read the ‘localStorage‘ property from ‘Window‘: Access
报错:Uncaught DOMException: Failed to read the ‘localStorage’ property from ‘Window’: Access is denied for this document.解决:打开chrome://settings/cookies设置cookie 为允许或者去掉源代码中的有关localStorage 的所有代码。...原创 2021-07-29 16:12:56 · 7278 阅读 · 0 评论 -
jquery validate 验证结束时间大于开始时间
<td class="vatop rowform"> <input type="text" value="" name="start_time" id="start_time" class="txt">- <input type="text" value="" name="end_time" id="end_time" class="txt"> </td>rules:start_time : { required : true,..原创 2020-06-24 09:46:58 · 882 阅读 · 0 评论 -
省市县地址联动插件distpicker 代码及示例
前端: <div data-toggle="distpicker" id="distpicker"> <select name="province" data-province="---- 选择省 ----"></select> <select name="city" data-city="---- 选择市 ----"></select> <select name="county" data-district="原创 2020-06-26 17:13:36 · 1627 阅读 · 0 评论 -
jq 动态添加/删除input框,且每个input框名字name不一样,分别点击弹出窗口
<table border="1" style="" id="_table1"> <tr > <td>序号</td> <td>指定运送地区:</td> <td>购买数(件) :</td> .原创 2020-06-18 12:38:14 · 509 阅读 · 0 评论 -
给图片元素的路径增加相同的域名前缀
例如我们有这样的html:我们现在要把这个页面的图片路径全部加上域名的前缀,怎么做呢?上代码:<script src="__STATIC__/layui_2.5.5/layui.js"></script><script> var img = $('.detail p img') img.each(function(){ var txt = $(this).attr('src').substr(0,1000);//截取从首个字符开始的1000个字符 ht原创 2020-06-04 12:02:55 · 1445 阅读 · 0 评论 -
解决:Uncaught SyntaxError: Unexpected token o in JSON at position 1 at JSON.parse
后端已经正常返回了数据:前端报错:Uncaught SyntaxError: Unexpected token o in JSON at position 1 at JSON.parse (<anonymous查看前端代码如图无需再转JSON了,可以直接使用。一般接口返回正常的数据,接口请求没错的话(不显示红色或500错误),就是前端的问题。...原创 2020-06-02 10:00:30 · 18405 阅读 · 1 评论 -
tp5加ajax 上传图片
如图:前端: <div class="col-sm-5"> <input type="file" id="site_logo" name="site_logo" class="form-control" > <input type="hidden" id="site_Logo_input" name="site_logo" value="{$webSetting[14]['value']}"> <img height="100%"原创 2020-06-02 10:23:11 · 190 阅读 · 0 评论 -
onclick里面的变量传递问题
<a onclick="clickBTNS('+ (i) +')" class="checkdiqu">选择地区</a>带多个参数无法转化原创 2020-06-18 11:48:03 · 905 阅读 · 0 评论 -
安装nodejs,配置vue项目
下载nodejs.下载地址:https://nodejs.org/en/ 或者 http://nodejs.cn/在node.exe目录下执行(地址栏输入CMD): node -v 命令,查看node的版本,若出现相应的版本号,则说明你安装成功了。安装了node也就有了npm 直接输入 npm -v 命令,显示npm的版本信息。在nodejs目录下新建两个目录:node_cach...原创 2019-09-17 11:16:27 · 414 阅读 · 0 评论 -
JQ获取表单所有提交的值
var fo = $('._form').serializeArray() layer.open({ title:'编辑', btn: ['保存', '取消'], type: 1, // shadeClose: true, //点击遮罩关闭层 area: ['400px', '450px'], ...原创 2020-07-03 15:15:23 · 465 阅读 · 0 评论 -
图标库大全
进入www.iconfont.cn搜索想要的图标然后把背景色改成白色,下载png格式即可.原创 2020-06-15 15:22:41 · 155 阅读 · 0 评论 -
VUE改接口地址后需要重新运行项目
执行:npm run dev否则将永远无法连接修改后的接口原创 2020-07-17 10:17:20 · 929 阅读 · 0 评论 -
PHP菜单树多选框ztree组件的使用
<link href="__STATIC__/layui_2.5.5/css/layui.css" rel="stylesheet" type="text/css"/><link href="__STATIC__/layui_2.5.5/css/zTreeStyle.css" rel="stylesheet" type="text/css"/><script type="text/javascript" src="__STATIC__/layui_2.5.5/layui原创 2020-07-03 12:04:23 · 206 阅读 · 0 评论