
前端vue
小李ing
这个作者很懒,什么都没留下…
展开
-
uniapp 使用uni.$emit()和uni.$on() 进行页面间通讯
uni.$emit("name", data);uni.navigateBack();uni.$on("name", res => { // 清除监听 uni.$off('name');})原创 2021-12-21 20:23:36 · 2579 阅读 · 2 评论 -
uniapp 下拉刷新分页
onLoad() { this.getList() setTimeout(function() { }, 1000); uni.startPullDownRefresh(); }, onPullDownRefresh() { let _self = this setTimeout(function() { uni.stopPullDownRefresh(); _self.current = 1; _self.getList(); }.原创 2021-12-21 14:21:23 · 617 阅读 · 0 评论 -
iview Form表单校验自定义校验
Form 组件基于 async-validator 实现的数据验证,给 Form 设置属性 rules,同时给需要验证的 FormItem 设置属性 prop 指向对应字段即可。下面是完整代码:<template> <Form ref="formValidate" :model="formValidate" :rules="ruleValidate" :label-width="80"> <FormItem label="Name" prop=.原创 2020-05-13 11:13:38 · 2003 阅读 · 1 评论 -
iview中Modal对话框自定义页头页脚
iview中Modal对话框自定义页头页脚Modal 组件提供了灵活的自定义样式 API 和 Slot,可以自由控制整个 Modal 的各个组成部分,比如页头、页脚、关闭按钮。下面是完整代码: <Modal v-model="modal2" width="360"> <p slot="header" style="color:#f60;text-align:center">//对话框页头 <Icon type="ios-info原创 2020-05-13 11:02:01 · 3275 阅读 · 0 评论 -
vue中使用echarts制作中国地图
vue中echarts统计图表之饼图vue中echarts之横向柱状统计图vue中echarts之常规柱状统计图下面是如何使用echarts制作一个中国地图效果图:详细步骤1.给定一下全局样式、给个地图容器<div id="main"></div>*{margin:0;padding:0}html,body{ width:1...原创 2020-04-10 17:08:00 · 2879 阅读 · 2 评论 -
vue中echarts之常规柱状统计图
首先定义好图标的宽高<div id="indexc4" class="echarts2"></div>这里是css样式.echarts2 { height: 350px; width: 100%; /*border-radius: 25px;*/}编辑图表的相关属性option2: { tooltip: { ...原创 2020-03-16 17:32:26 · 1462 阅读 · 0 评论 -
iview modal对话框取消默认按钮
在modal里面加上<div slot="footer"></div>即可<Modal v-model="" title="" width="50%" :mask-closable="false"> <div slot="footer"></div></...原创 2020-03-13 17:18:10 · 2361 阅读 · 0 评论 -
css3伸缩布局实现元素水平垂直居中
对于高度确定的元素,它的文本的行数不确定的情况下,怎么让文本垂直居中呢?”的问题,使用这里提到的 css3 弹性布局方式。对付元素使用 display: flex; justify-content: center; align-items: center; 来解决。1. 如果不添加 justify-content: center; 子元素不会水平居中;2.如果不添加 align-...转载 2020-03-13 13:51:13 · 765 阅读 · 0 评论 -
iview格式化datepicker日期
<DatePicker v-model="formBorrower.termValidity" @on-change="formBorrower.termValidity=$event" format="yyyy/MM/dd" style="width: 100%" type="date" placeholder="选择日期"><...原创 2020-03-12 11:48:35 · 1979 阅读 · 0 评论 -
下拉框设置option的value为int类型
在value前面加上:即可<Selectv-model="formBorrower.relation" placeholder=""> <Option :value=0>亲戚</Option> <Option :value=1>朋友</Option></Select>...原创 2020-03-12 11:46:21 · 4740 阅读 · 1 评论 -
使用iview modal对话框点击遮罩层不关闭
加上下面代码即可实现:mask-closable="false"原创 2020-03-12 11:42:00 · 3901 阅读 · 0 评论