- 博客(17)
- 收藏
- 关注
原创 Vue自定义函数和变量挂载到全局
方法一、使用Vue.prototype1、新建一个文件getAll.vue,将需要的方法和变量导出<script>let fn1 = function() { console.log('挂载在全局的函数');};let fn2 = function(data) { console.log(data);};function getLog() { console.log('123');}const arr = [4,5,6]export default {
2022-05-30 22:08:07
1130
原创 本地vue项目连接远程仓库
文章目录一、使用vue create xxx创建vue2.0项目二、如何更改之前默认的配置三、本地vue文件连接远程仓库一、使用vue create xxx创建vue2.0项目1. 首先在文件夹上方输入cmd,然后enter进入或者 在文件夹中右击,选择Git Bash here2.在出来的界面中输入vue create xxx (xxx表示自己起的项目名称)3.接下来就是项目配置的选择环节,使用上下箭头进行选择,Enter键选中,空格键可以取消选中,如果一个都不想选,那就按下空格键
2022-05-21 15:33:08
1549
原创 vue中使用extend
1.新建两个文件js-To.js和toast.vue2.toast.vue组件里的代码<template> <div class="msg" v-show="toastShow" v-html="toastVal"></div></template><script>export default { name:'Toast'}</script><style lang="less" scoped&g
2022-04-29 18:51:23
301
原创 CSS里的线性渐变
文章目录使用百分比规定颜色开始位置(1)background-image: linear-gradient( 方向/角度 , 颜色1,颜色2,颜色3 ,....);(2)background-image: linear-gradient( 方向/角度 , 颜色1 xx%,颜色2 yy%,颜色3 zz%);其中方向有to top 等价 0 deg ---- 颜色自下而上to bottom 等价 180 deg ---- 颜色自上而下to right 等价 90 deg
2022-04-28 18:22:10
72
原创 postman在post传参时把参数写在body
使用post传参写在params里可能会出错,所以要放在body里传递参数,记得在body里传递参数,同时要选择 raw和 JSON
2022-04-28 17:31:23
5261
1
原创 vue接口的配置
1.在src下创建api文件夹2.在api里创建config.js 和 index.js文件3.在config.js里引入axios,写入以下内容4.在index.js里导入config.js里的http,把他取别名axios5.在需要的地方引入index文件,然后调用接口(我这里是把index文件取名为api)6.参考文章...
2022-04-26 10:57:08
9087
2
原创 vue路由使用步骤
1.导入路由2.使用路由3.创建路由规则数组(即定义路由配置)4.实例化路由5.导出路由对象6.在main.js文件里加入路由对象参考链接
2022-04-26 09:51:52
2715
原创 vue中使用柱状图
主要是为了记录以下内容1.更改柱子宽度:barWidth属性2.设置柱子颜色为渐变色:itemStyle属性3.x轴的样式:axisLine属性4.刻度上字体的样式及间距等:axisLabel里的lineStyle属性5.去掉与x轴平行的分割线:splitLine的show属性6.去掉y轴刻度线效果图如下代码如下:<template> <div class="psgBarChart" ref="psgBarChart"></div></te
2022-04-24 19:14:53
6392
原创 vue中的slot插槽
一、简单使用1.需要重复使用的部分封装成组件slotCom.vue2.在需要使用组件的文件中,引入并注册组件3.组件中的button和del会展示在所在的位置;第三个里面没有写内容,所以只展示name和age...
2022-04-12 09:41:10
133
原创 vue中如何使用echarts——以折线图为例
1.先准备一个容器2.在mounted钩子函数中书写以下代码let psgTimeOption = { title: { left: 'center', text: '旅客时间分布', textStyle: { color: '#fff', fontSize: 35, fontWeight: 'normal' } }, // 设置折线图的位置
2022-04-07 19:00:08
11603
原创 vue中引入并使用高德地图
一、使用npm引入高德地图1.进入高德开放平台2.点击: 开发支持---------地图JS AP---------JSAPI的加载3.选择 按NPM方式使用loader4.定义一个有宽高的div二、小试牛刀----修改鼠标样式1.点击示例中心---------地图的创建---------地图属性-------设置鼠标样式右侧有示例代码下图是自己写的代码,需要注意几点(1)官方代码绑定的click事件传递的this 指当前点击元素,但是vue是没有的,在这里可以不传参,也
2022-04-06 11:35:08
19921
2
原创 vue中使用echarts饼图——修改点击时出现的文本样式
先展示效果图主要代码在emphasis的label标签里圆环中间出现的文本内容写在 label 的 formatter ;定义的样式写在 label 的 rich,其中aa,bb,cc都是自己随便起的样式名,|右侧是对应的文本,\n是换行;{d}是每个部分对应的百分比,{b}是数据名,也就是 data 里name的值,bb是给后面%设置样式的;下图来自echarts官网的配置项手册代码如下<template> <div ref="pieCon" style="
2022-04-01 19:26:58
2776
1
原创 vue如何注册组件
局部注册组件1.创建一个文件myTable.vue,存放需要复用的表格组件(如下图);2.在需要使用表格组件的vue文件里引入import myTable from ‘…/…/components/common/myTable’;注册components: {myTable}使用或者3.效果展示......
2022-03-31 13:47:40
1311
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人