![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
weixin_40624809
这个作者很懒,什么都没留下…
展开
-
vue amap(高德地图)
本文示例参照官方文档自定义信息窗口效果:安装依赖npm i vue-amapindex.html添加 <script src="//webapi.amap.com/maps?v=2.0&key=自己注册的KEY"></script> <!--引入UI组件库(1.1版本) --> <script src="//webapi.amap.com/ui/1.1/main.js"></script>HTML部分<d原创 2022-01-12 17:40:14 · 609 阅读 · 0 评论 -
vue luckysheet使用
安装luckySheet同时使用了npm和CDN链接,单使用npm在导入excel文件时会在执行luckysheet.create方法时有luckysheet undefined的问题(这种方法可能会导致重复引用吧)npm 安装npm install exceljsnpm install luckysheetCDN引入(1) 引入的官方项目下的expendPlugins文件夹,下面包含两个文件(2)在public下的index.html文件放入以下内容<link rel='sty原创 2021-12-24 16:16:01 · 2398 阅读 · 4 评论 -
element tree相关操作
1. 在严格模式下 勾选根节点,选择所有子节点,再次点击取消点击前点击后<el-tree @check-change="checkChange" node-key="id" :props="defaultProps"/> /** * @description: 节点选中状态发生改变 */ checkChange(data, self, children) { // 获取选中数据 var temp = this.$refs.t原创 2021-09-06 08:53:26 · 156 阅读 · 0 评论 -
vscode 格式化代码(eslint + Prettier - Code formatter)
插件setting.json"editor.formatOnType": true, //保存时自动格式化"editor.codeActionsOnSave": { "source.fixAll.eslint": true // 替代的是 "eslint.autoFixOnSave": true },原创 2021-07-05 10:49:03 · 226 阅读 · 0 评论 -
vue 文件上传和下载(blob)
文件上传请求// 上传文件接口export function upFile(data) { return request({ url: '/ruo/file/upload', method: 'post', data })}代码 // 创建一个formData对象 var formData = new FormData() formData.append('file', form.file) // 上传接口原创 2021-04-14 15:31:57 · 1794 阅读 · 0 评论 -
vue 滚动条样式和鼠标离开自动回到顶部
1. 滚动条样式详细讲解 /*css主要部分的样式*//*定义滚动条宽高及背景,宽高分别对应横竖滚动条的尺寸*/::-webkit-scrollbar {width: 8px; /*对垂直流动条有效*/height: 8px; /*对水平流动条有效*/}/*定义滚动条的轨道颜色、内阴影及圆角*/ ::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.5); background-co转载 2021-01-06 11:44:06 · 257 阅读 · 0 评论 -
vue 事件修饰符(stop、 .capture 、.self、.prevent、.once)
stop:阻止冒泡事件。即:放在谁上,就从谁开始不冒泡(放在被点击的元素身上,自身的点击事件会触发)。capture:捕获触发机制。即:无论点击谁,先触发带有capture的。self:自身不参与冒泡事件。即:冒泡事件照常进行,带有self的不参与。prevent:阻止默认事件。once:只触发一次事件。即:阻止默认事件,就阻止一次、div的click事件就只执行一次。<!DOCTYPE html><html><head> <meta ch.原创 2020-12-30 11:29:23 · 333 阅读 · 0 评论 -
vue props emit 的使用
一、父页面引用//引用一import menuTitle from '../../../components/menuTitle/main';export default { name: 'parent', //引用二 components:{ menuTitle }, data(){ return{ menuTitle:"够忙高管理", //父组件要传给子组件的值 } }, methods: { titleAdd(num){原创 2020-12-29 09:57:44 · 84 阅读 · 0 评论 -
Vue
查看VUE版本npm list vuevue 脚手架npm install -g @vue/cli常用语法1. style // style里面支持驼峰式 和 横杠式 <div :style="{ fontSize: fontSize + 'px',background-color:'pink';}"></div>// 存在多个style 可以用数组方式写style="[baseStyles, overridingStyles]"2. vue原创 2020-12-08 14:49:37 · 60 阅读 · 0 评论 -
vue报错Cannot read property ‘_wrapper‘ of undefined (nextTick)
错误是 @click="…" 的方法没有在 methods 中定义。原创 2020-11-04 10:41:44 · 178 阅读 · 0 评论 -
vue 页面刷新 provide inject
vue 单页面刷新方法一( provide inject )路由跳转(不太推荐使用。本质就是跳转空白页之后再回来,地址栏会有一个快速的切换)方法一( provide inject )修改app.vue中的代码//HTML 部分//原本<router-view />//修改之后<router-view v-if="isRouterAlive"/>//JS 部分export default { name: "app", //provide是需要添加的部分原创 2020-10-15 11:27:41 · 117 阅读 · 1 评论 -
element-ui select 下拉选位置不对(样式错乱)
问题描述(距离过远)解决方案一(我的问题使用此方案未解决)网上普遍使用popper-append-to-body=“false”这个属性,加在select上面,再修改样式,并且给样式加上!important即可解决方案二检查元素的时候发现,input过于高了,影响到弹出层的位置修改样式代码 /deep/.el-select>.el-input{ height: 100px!important; }...原创 2020-09-22 14:52:38 · 3609 阅读 · 0 评论 -
echarts两种背景色(隔行不同)
效果图重点属性X轴为时间轴,type类型为timemarkArea用来区分后面背景颜色(markArea写在serize里面,想要几个色块,serize下面就有几个对象)图片中的正常异常文字是markArea的label当有一个轴为时间轴的时候,数据要按时间排序,否则存在潜在问题(折线图会有问题)如果使用时间轴,尽量设置时间轴的最大时间和最小时间,该表max和min为时间戳代码(放在官方示例就可以运行的)官方示例页面链接:点击我使用方法:删除原来所有代码,将下面代码CV操作即可le原创 2020-08-06 20:08:32 · 2995 阅读 · 0 评论 -
vue echarts 动态数据(watch监听)
watch: { //监听的变量名 S1Data(val) { this.S1Data = val this.myEcharts3(); }, RData(val) { console.error(val) this.Rdata = val this.myEcharts3(); } } //data中的变量名 Rdata:['01日','02日','03日原创 2020-07-07 13:36:09 · 4001 阅读 · 0 评论 -
vue中data变量定义问题(待解决)
在使用变量中发现以下问题,就一直在报错template中使用的变量和data中定义的数据,原创 2020-06-09 10:03:57 · 2421 阅读 · 3 评论