- 博客(18)
- 收藏
- 关注
原创 vue TradingView为k线做标记
效果图根据后台返回的数据 为k线实时做标记getMarks() 方法放在methods里面getMarks() { var that = this; var color = { background: "#4caf50" }; //自定义背景颜色 var color1 = { background: "#ff4545" }; var labelFontColor = "#fff"; //文字颜色 var minSize = 20;
2021-07-08 22:45:58
2403
14
原创 vue TradingView设置均线和隐藏均线
设置均线 //均线 _this.MALine5 = widget .chart() .createStudy("Moving Average", false, false, [5, "close", 0], null, { "Plot.color": "green", "Plot.linewidth": 0, }); _thi
2021-07-08 21:23:43
3312
2
原创 Vue项目 axios请求封装+接口封装
前言: 接口进行封装,方便后期维护先封装axios ( request.js )import axios from "axios" //引入axiosconst service = axios.create({ baseURL: "XXXX", //请求的后台地址 timeout: 5000})//请求头 token 封装service.defaults.headers.post['Content-Type'] = 'application/json';serv
2021-04-30 17:00:28
949
1
原创 Vue echarts 修改 X轴、Y轴 样式以及文字样式
前言: 做数据统计图的时候 总结了一下修改样式的东西<template> <div id="main" style="width: 100%;height:300px;"></div></template><script>import * as echarts from "echarts";export default { props: {}, data() { return {}; }, computed:
2021-03-24 14:35:47
7447
3
原创 Vue 移动端项目调用扫一扫功能(可条形码)
前言: 项目需求扫描机器条形码,获取编号进行搜索,刚开始获取返回值不完整,后来发现要设置一下filter提示plus方法要进行真机测试图片:代码:<template> <div class="scan"> <!-- 我topTitle是封装的全局头部返回 根据自己条件进行休整 --> <topTitle>扫一扫</topTitle> <div id="bcid"> <div sty
2021-03-16 14:25:09
7778
28
原创 html中获取请求路径携带的参数—超简单的方法
提示:最下面是获取参数,携带多个参数时,直接声明变量,赋值获取就行。vue.js版本的html也同样支持 function getData() { var url = location.search; var theRequest = new Object(); if (url.indexOf("?") != -1) { va
2021-02-20 10:03:41
2298
原创 vue 动态绑定placeholder
前言: 当placeholder的值不唯一时,就可以动态绑定placeholder<div class="box flex"> <span v-if="indexNav == 0">登录密码</span> <span v-else>交易密码</span> <input type="password" :placeholder="psdPlaceholder" v-m
2020-11-30 16:01:41
11060
1
原创 uni-app 基于Promise封装uni-app的request方法,类似vue中axios形式的请求封装
之前写Vue项目时,感觉用request封装拦截超级简单,到uni-app的时候,惊喜的发现有uni-request,感觉狠爽第一步:安装 uni-requestnpm install uni-request --save第二步:main.js引入import uniRequest from ‘uni-request’;第三步:(全局引入,因人而异,可以选择跳过第三步)Vue.prototype.$uniRequest = uniRequest;第四步:全局请求地址,token封装u
2020-10-06 17:41:17
1691
3
原创 vue 全局封装loading加载(全局监听)
前言:为了页面美观,请求接口的时候延迟没有数据,页面感觉狠卡顿,封装loading,请求接口成功后隐藏掉(我这)。第一步:建立loading.vue<template> <div class="loading"> <van-loading size="36px" vertical>加载中...</van-loading> </div></template><script>export defa
2020-09-16 14:33:04
3129
2
原创 微信小程序分享生成海报(自带二维码)+头像+昵称
前言:我的分享海报是弹框,可根据自己要求写成页面,原理都是一样的,背景图是前期测试的,效果是OK的,真机测试手机也是显示的。效果图:
2020-07-21 11:05:44
3315
原创 vue-socket.io介绍,使用vue-socket.io与后台建立实时通信,实现数据长链接
写项目的时候用到了echart图表写k线,刚开始是用计时器,5秒钟请求一次后台,效果实现了,但是用户体验并不好,访问量大的时候,app会卡,开始进行封装,在网上看到了好多大佬写vue-socket.io与socket.io-client,前期效果也实现了,后台数据在控制台也可以查看了,但是vue页面内容不知道怎么去使用,介绍的东西太少,在一个大佬帮助下尝试了好多次,才搞好这个东西一,按照依赖npm install vue-socket.io --savenpm install socket.io-c
2020-05-18 14:36:10
6724
19
原创 get-container=“body“ 解决 vant Popup 弹出层 选项框随页面滚动分离问题
前言:上篇文章写到了 vant Popup 弹出层 + Picker 选择器 实现选择列表,van-popup 里面加了一个get-container="body"属性,页面有两个van-popup,页面就会出现弹出层 选项框随页面滚动分离,get-container="body"属性就解决了这个问题没加属性之前的效果:第一个van-popup第二个van-popup加上属性之前的...
2020-05-12 10:26:57
10036
2
原创 vue css页面滚动,无滚动条, 实现顶部导航固定,自适应布局 main标签+calc()
前言:在写app的时候我们经常使用的是导航固定,内容滚动,以前经常使用的是better-scroll插件,后来碰到了点bug,现在改使用main标签了效果图:(顶部导航固定,内容页滚动)页面布局:导航div放在main标签外面main标签的位置包裹着你所有要滚动的东西css:main标签的css样式是:height: calc(100vh - 1.2rem);100vh是可...
2020-04-21 13:49:36
2324
原创 vue-cli4 APP热更新失效不可以及时更新
前言项目中遇到问题,热更新失效,不能每次及时提醒,百度了很多方法,效果不是狠显著,后来发现webpack4.0需要手动配置开启热更新,默认没有开启解决办法一,安装依赖webpack-dev-server根据自己的情况安装npm / cnpmnpm install --save-dev webpack-dev-server / cnpm install --save-dev webpa...
2020-04-09 12:00:51
5256
26
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人