前端
二二二哥哥
这个作者很懒,什么都没留下…
展开
-
vue中van-picker地区选择器 回显问题
项目前端用的是Vue框架,在接做微信端功能开发的时候,有一个地区联动选择器。效果如下:前端代码:<van-popup v-model="showArea" position="bottom" :lazy-render='false'> <area-picker @confirm="confirmRegion" @close="showArea = false" ref="areaPicker"/> </van-popup>此原创 2021-02-23 15:11:15 · 6356 阅读 · 0 评论 -
vue全局遮罩
1、新建loading.js文件,具体颜色和加载的文字可以在startLoading里面自行更改import { Loading } from 'element-ui';let loadingCount = 0;let loading;const startLoading = () => { loading = Loading.service({ lock: true, text: '加载中……', background: 'rg原创 2021-01-28 16:45:59 · 1495 阅读 · 0 评论 -
vue中的UI组件,收藏起来以后会用到
element:VUE2的web UI工具mint-ui:VUE 2中的移动UIiview:VUEjs 的开源 UI 库muse-ui:响应式 UI 库VUECircleMenu:VUE圆环菜单VUE-chat:聊天示例VUE-waterfall:瀑布组件Keen-UI:基本UI组件Vux:基于VUE和WeUI的组件库VUE-carbon:MD风格的移动端VUE-blu:帮助创建web应用VUEAdmin:简单的管理员模板VUE-infinite-scr.转载 2020-12-26 14:11:59 · 170 阅读 · 0 评论 -
vue关闭当前页签,返回到上一个页面
方法一:this.$store.dispatch('delVisitedViews', this.$route); this.$router.go(-1);方法二:this.$store.state.tagsView.visitedViews.splice(this.$store.state.tagsView.visitedViews.findIndex(item => item.path === this.$route.path), 1) th原创 2020-12-23 17:42:18 · 5726 阅读 · 0 评论 -
js地区联动选择器
在项目开发中,经常会用到有地区选择的地方,下面举个好用的例子。实际效果如下:这个框实际上还是input输入框,从后端返回后也能自动渲染。直接上代码需要引入city-picker.css/*input{ min-width: 360px;}*/.city-picker-input { opacity: 0 !important; top: -9999px; left: -9999px; position: absolute;}.cit原创 2020-12-09 17:38:02 · 3549 阅读 · 1 评论 -
解决select2动态设置disabled属性在ie10中不生效的问题。
$('#select2').prop("disabled", true);后面记得加上$('#select2').select2();即可原创 2020-11-24 15:23:00 · 723 阅读 · 0 评论 -
解决IE10报错“不能执行已释放script的代码”
在项目的兼容性测试中,有遇到一个“不能执行已释放script的代码”的报错,只在IE中会触发,谷歌和火狐测试都是没有问题。网上查找原因,发现是父窗口调用子iframe窗口,然后子页面操作父页面的数据,在IE中,当子页面关闭时,会自动回收子页面的js等,从而导致出现此现象。解决方法:将子页面返回过来的父页面数据,用深度克隆一份(即改变引用地址,不再是原来返回的数据),再关闭子页面。//深度克隆对象function copy(obj){ return Object.assign({}原创 2020-09-29 09:21:20 · 781 阅读 · 0 评论 -
前端让h5标签超过长度的字自动转换成“...”
在前端页面的开发上,有可能会遇到一个宽度固定的位置,让你单行显示一条信息,但是这条信息的字数是不确定的,字数多了会挤到下一行,这时候在标签的css上做下限制,就可以实现超过宽度就将后面的字变成“...”效果如下css:width:235px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;...原创 2020-09-24 10:36:58 · 1360 阅读 · 0 评论 -
三级联动下拉框(省市县)存储数据库,包含信息回填
废话不多说,先上数据库表。省份表CREATE TABLE `province` ( `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '省份表id', `code` varchar(6) NOT NULL COMMENT '省份编码', `name` varchar(20) NOT NULL COMMENT '省份名称', PRIMARY KEY (`id`)) ENGINE=InnoDB AUTO_INCREMENT=35 DEFAULT原创 2020-09-16 17:45:21 · 1135 阅读 · 0 评论