- 博客(26)
- 收藏
- 关注
RSS订阅原创 vue使用highcharts3D饼图
1.安装highchartsnpm install vue-highcharts --savenpm install highcharts --save2.main.jsimport highcharts from 'highcharts'import highcharts3d from 'highcharts/highcharts-3d'highcharts3d(highcharts)3.使用highcharts的页面<div class="net-chart" :id="id"
2021-12-16 17:30:28
621
原创 微信小程序map组件callout与label简单用法
callout和label的效果图callout初始位置在标记上方 label初始位置在标记右下方data:{ marker:[{ //气泡label label:{ content: ‘预约’, //文本 color: '#FF0202', //文本颜色 borderRadius: 3, //边框圆角 borderWidth: 1, //边框宽度 borderColor: '#68
2021-08-25 16:28:02
3241
1
原创 小程序mpvue输入地址调用导航
1.以上步骤详情见腾讯位置服务官方文档，注意一点，下载了的qqmap-wx-jssdk.js的最后一句module.exports=QQMapWX 改为export default QQMapWX 不然会报错2.<span @click="mapLocation">导航</span>3.在script部分添加import QQMapWX from '../../../../utils/qqmap-wx-jssdk.js'var qqmapsdk;// 导航 .
2021-08-13 16:52:09
200
原创 小程序轮播图 swiper当前滑块容器样式
官网截图 主要是这两个参数配置 可以让当前滑块露出前一项和后一项的一部分轮播部分<swiper style="height:260rpx" class="swiper" previous-margin='30' next-margin='30' @change="swiperChange" :circular="true" :indicator-dots="true" :autoplay="true" :interval="6000" :duration="500"> .
2021-07-27 09:49:51
465
原创 小程序路由传参
wx.navigateto跳转携带参数toDetail() { wx.navigateTo({ url: ‘../goodsDetail/goodsDetail?id='+ this.id }); }在详情页接收参数onLoad(options) { this.goodsId = options.id},另外传递多个参数toDetail() {
2021-07-08 14:06:49
170
原创 ElementUI 限制结束时间不能小于开始时间
直接上代码 <el-date-picker value-format="yyyy-MM-dd" type="date" @change="handleClick" v-model="search.startDate" :picker-options="pickerOptionsStart" clearable size="small" placeholder="开始日期"
2021-06-30 14:52:51
802
原创 关于js中call、bind、apply的区别
共同点:改变方法的this指向 但是不能改变箭头函数的this指向不同点:call和apply b对象就可以用a对象的方法了a对象.方法.call(b对象)a对象.方法.apply(b对象)bind也是一样的 但是他返回的是一个函数 所以还要加个()来调用a对象.方法.bind(b对象)()传参数 call和apply还是一样的 传的参数顺序就是用的a方法里面的参数顺序a对象.方法.call(b对象,参数1,参数2)a对象.方法.apply(b对象,[参数1,参数2])bind传参和
2021-06-30 14:25:29
141
原创 vue进入页面刷新并且只刷新一次
直接上代码mounted: function() { if (location.href.indexOf("#reloaded") == -1) { location.href = location.href + "#reloaded"; location.reload(); }}
2021-06-30 13:40:12
4180
5
原创 elementui表格添加fixed之后样式异常
最近写项目碰到一个bug 大概就是一个表格组件两个页面都会使用 组件中表格的某些列就用v-if控制了 表格的首尾列都用了fixed 然后就发生了bug 如下图 具体原因不明看过很多网上的办法 有在fixed的列绑定key的 也有使用doLayout()的 测了都没用 最后在一个前端交流群里一位大佬给出的办法 实测有效.el-table__header, .el-table__body, .el-table__footer { width: 100%; tab
2021-06-30 13:38:48
1165
原创 elementui表单循环结构的校验
首先循环体必须在form绑定的对象里面 prop里：sourceList是循环体 index是索引值 goodsName是当前表单元素绑定的值然后在data里面定义规则成功！！！
2021-06-25 18:02:21
212
转载 echarts属性大全
// 全图默认背景// backgroundColor: ‘rgba(0,0,0,0)’,// 默认色板color: [’#ff7f50’,’#87cefa’,’#da70d6’,’#32cd32’,’#6495ed’,‘#ff69b4’,’#ba55d3’,’#cd5c5c’,’#ffa500’,’#40e0d0’,‘#1e90ff’,’#ff6347’,’#7b68ee’,’#00fa9a’,’#ffd700’,‘#6699FF’,’#ff6666’,’#3cb371’,’#b8860b’,
2021-06-18 16:55:35
224
原创 elementui嵌套表格展开行表头宽度显示异常的问题
因为部分浏览器的兼容问题 导致嵌套表格时 展开行的表头宽度显示异常 如图显示覆盖css样式table-layout即可.el-table__header{ table-layout: auto;}
2021-06-17 13:41:45
846
原创 vue中this.$nextTick()的用法
this.$nextTick()的用法是将回调延迟到下次dom更新循环之后再执行<template> <button ref="text" type="button" name="button" @click="testClick”>{{message}}</button></template> <script> export default { data () {
2021-06-09 11:00:16
269
1
原创 elementui禁用输入框同时禁用校验
需求是 当上面的单选框选中了某一项时输入框禁用 但是发现当禁用了之后 提交表单是还是会触发校验所以给出两个方案首先简单的就是 如果项目允许的情况下 当条件为禁用时直接v-if隐藏该输入框 此时校验不会触发第二就是需求必须是禁用而不是隐藏 思路是动态改变输入框的prop值举例<el-form-item label=“举例单选框” prop=‘radio’> <el-radio-group v-model=“tableData.radio">
2021-05-27 09:37:38
2542
3
原创 简单实现从列表页到详情页再返回留在之前的页码
首先列表页到详情页或者编辑页面的跳转this.$router.push({ path:'addNotice', query:{ id:a, //分页数据 num:this.pageNum, size:this.pageSize }})列表页或者详情页里面的返回按钮this.$router.push({ path: "noticeList, query: { num: this.$route.query.num, size: th
2021-05-18 14:32:26
889
原创 前端登录实现记住密码功能
1.在登录的表单中添加记住密码勾选框<el-form-item> <el-checkbox name="type" v-model="remember"></el-checkbox><span>记住密码</span></el-form-item>2.data中定义remember:false3.methods中定义方法rememberInfo() { // 判断用户是否勾选记住密码，如果勾选，在本
2021-04-23 17:29:44
2597
原创 css 动画怎么添加
一些 CSS 属性是可以有动画效果的，这意味着它们可以用于动画和过渡。动画属性可以逐渐地从一个值变化到另一个值，比如尺寸大小、数量、百分比和颜色。首先在你的容器上加上id<div id="myDiv"></div>以背景颜色为例，在style里面写上#myDiv{ animation: myAnimation 1s infinite; /* Chrome, Safari, Opera */ -webkit-animation: myAnimati
2021-04-21 10:16:51
574
原创 echarts折线图颜色等相关参数配置
折线的颜色和折线点的颜色series:{ itemStyle: { normal: { color: '#addd8a', //改变折线点的颜色 lineStyle: { color: '#addd8a' //改变折线颜色
2021-04-19 16:07:01
1099
原创 Js返回当前时间yyyy-mm-dd格式
var datetime = new Date();var year=datetime.getFullYear();//获取完整的年份(4位,如:1970)var month=datetime.getMonth()+1;//获取月份(返回0-11,0代表1月,用的时候记得加上1)var date=datetime.getDate();//获取日(返回1-31) //判断小于等于9月的时候在月份前加一个"0" if(month<=9){ month="0
2021-04-16 15:48:16
2351
原创 vue背景图片怎么用变量表示？
需求是这样的，容器的背景图片需要根据条件判断来显示不同的背景图写法如下//先在data里面定义背景图片变量data() { return { backPic:require('../assets/img/logintfxq.png'), } } 注意，定义的时候本地图片一定要加上require，否则图片的src会被解析成字符串 //created里面判断条件 // 天府新区域名：http://tfxq-xxx.xxxx.
2021-04-15 15:38:36
1763
原创 setInterval中的函数先执行一次再等待
最近项目里面有个需求，需要一登录就开始查询提醒列表，此外还需要之后每隔1分钟再请求一次，并刷新提醒，如下图大概思路就是1.在created里面调用 获取提醒列表的方法getRingListFun2.定义一个定时器函数getListFun每隔60s调用getRingListFun，也在created直接调用3.最后，在退出时销毁定时器上代码created(){ this.getRingListFun() this.getListFun()}methods:{ get
2021-04-15 15:25:43
1608
原创 element ui表单验证常用正则验证
主要步骤1.在utils文件夹下面创建文件夹 validate.js2.页面引入 import { } from “…/utils/validate”;3.data中定义规则dataRules:{ creditCode: [ {required: true,message: "请输入社会统一信用代码, 18字符",trigger: "blur",}, { validator: checkSocialCreditCode, trigger: "blur" },
2021-04-14 16:04:23
1132
1
原创 vue路由传参 params和query的区别
Vue的路由传参有两种方式，params和query ，他们的区别是什么呢？params传参this.$router.push({ name:"detail", params:{ name:'nameValue', Code:’this.Code' }});query传参query传参this.$router.push({ path:"/detail", query:{ name:'nameValue', Code:’this.Code' }});query传参th
2021-04-14 11:41:25
443
原创 Element ui的常见问题
1.input框添加回车事件//input框添加回车事件<el-input placeholder="请输入冷链仓库名称" class="w250 seekIpt" size="small" v-model="search.keysWord" @keyup.enter="pageSearch" ></el-input>@keyup.enter=“pageSearch” 这样实现不了e
2021-04-13 17:55:39
349
原创 echarts饼图添加点击事件及相关问题
1.饼图点击事件会触发两次myChart.off('click’) // 取消之前的点击事件//添加点击事件myChart.on('click',(a,b)=>{console.log(a)})2.可以通过点击事件 查询当前饼图是裂开还是合上的状态a.event.target.parent._children是饼图的对象数组 selected为true代表当前为选中状态，反之未选中3.echarts的legend事件禁用以及legend显示百分比legend: {
2021-04-13 17:51:03
7616
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人