![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
干啥啥不行,bug第一名
这个作者很懒,什么都没留下…
展开
-
三不应届生的悲哀之 vue-echarts 数据可视化
闲来无事,不想打游戏,不想睡觉,不想接单子,三不20应届生只能写博客在线水文。github:https://github.com/kk-cc-lh/vue-echarts演示地址:http://echarts.kuchao.xyz/背景图片等待资源来源于:pink老师 https://gitee.com/xiaoqiang001/eckarts_open_class.git注意事项:flexible.js 和 rem 搭配注意对父元素overflow: hidden // 不然就原创 2020-05-26 17:42:18 · 293 阅读 · 0 评论 -
vue2.x 三级弹窗
三级弹窗在实际中遇到了某种场景,需要使用三级弹窗,放大或缩小弹窗,所以自己封装了一个。大概就是这个样子,录屏转换gif有点模糊和卡。发布到npm上去了npm i kc-dialog然后main.js其实我也不想起这么长的名字,别人都快我好多步import KDialog from 'kc-dialog';import 'kc-dialog/dist/KDialog.css'Vue.use(KDialog)配置项属性参数说明类型可选值默认值visib原创 2020-05-22 11:16:15 · 760 阅读 · 0 评论 -
vue移出内联样式
在某种特殊的环境下,需要对第三方组件里面的某个dom节点添加内联样式,然后某种情况移出添加的内联样式,不能覆盖。这种SB的操作也找不出来几个人了,记录一下。可以把cssText 打印出来看看。this.$refs.xx.style.cssText = ''求高招,这样写太别扭了...原创 2020-03-24 17:40:50 · 494 阅读 · 0 评论 -
vue使用echarts-dataset
记录echarts使用,记忆力不行,总忘事。官网安装npm install echarts --save引用 import echarts from "echarts"使用dom:注意:可以用ref,一定一定要有宽高<div id="domHook" style="width: 900px; height: 400px;"> option: c...原创 2020-03-17 11:51:48 · 1034 阅读 · 1 评论 -
vue使用krpano 全景图
准备工作环境:vue-cli:4.2.2krpano: 1.19安装vue-krapanonpm install vue-krpano --save引用import Vue from "vue";import Krpano from "vue-krpano";Vue.use(Krpano);引用krpano包index.html中 <script s...原创 2020-03-11 18:02:37 · 2230 阅读 · 0 评论 -
element-ui 树形表格 多选框选不全
element-ui版本:2.13.0在使用的树形表格配合多选框的时候:勾选父节点菜单,不能联动选择到父节点勾选全选的时候,不能选全(子节点没有选中)百度一圈都没有找到答案,谷歌又不能用。不过问题还是要解决的嘛,就去读了一圈源码,迷迷糊糊的,不过还是搞清楚了一些东西。template:<el-table ref="multipleTable" ...原创 2020-03-06 13:01:18 · 2508 阅读 · 0 评论 -
elment-ui tree单选实现
elment-ui 里面的树形控件,默认是多选的,如果你仔细看过各个属性和方法就可以实现单选。check-strictly 关闭父子关联node-key 设置唯一标识show-checkbox 允许节点可选ref=“tree”添加方法 @check=“treeChange”<el-tree ref="tree" :dat...原创 2020-03-03 19:37:21 · 2609 阅读 · 0 评论 -
vue-router资源请求路径错误
废话不多说,直接上bug一看就是资源路径错误,请求路径中是相对路径。解决:在vue-config.js里面修改publicPath就行:module.exports = { publicPath: "/", // 基本路径 outputDir: "dist", // 输出文件目录 lintOnSave: false, // eslint-loader 是否在保存的时候检查 ...原创 2020-03-03 10:58:42 · 872 阅读 · 0 评论 -
vue自定义组件数据绑定
vue自定义组件数据绑定v-model指令v-model其实是一个语法糖,相当于v-bind和v-on的组合。例如:<input v-bind="val" v-on:input="val=$event.target.value" />其中val是一个变量,当输入数据的时候,会触发input上的事件去修改val的值。自定义组件实例<template>...原创 2020-01-03 18:10:58 · 791 阅读 · 0 评论 -
element-ui表格固定列错位
element-ui表格固定列错位版本:element-ui 2.13.0谷歌滚动条原因在使用vue进行前端开发时,使用element-ui框架,当表格过高时出现滚动条,导致底部行错位,其原因是因为表格固定列的时候,鼠标滚动是内部计算的(详细信息看源码),所有需要改源码。谷歌浏览器会发生这种情况,火狐不会发生这种情况。资源还在审核中。。。(链接后续补)动态改变表格的宽高当动态改...原创 2019-12-27 18:47:33 · 11382 阅读 · 2 评论 -
基于vue-cli3的vue权限框架搭建
环境搭建事先准备本文只注重前端的搭建,后端只提及部分本框架是基于vue-cli3搭建的,首先你需要安装vue-cli脚手架。查看你的版本vue -V创建你的项目(admin为项目称)vue create admin然后安装你的各种负载,这里不进行详细说明我的package.json可以进行参考 "dependencies": { "axios": "^0.1...原创 2019-11-27 16:50:56 · 578 阅读 · 0 评论 -
vue-cli svg-sprite-loader
在vue-cli中使用svg-sprite-loader新手上路,有什么不对的地方请不吝赐教svg-sprite-loader是干啥的?当你有很多的svg图片的时候,你可以使用svg-sprite-loader来把图片打包成雪碧图(不是心飞扬哪个雪碧),然后使用时每个svg对应一个name标识。svg-sprite-loader安装npm install svg-sprite-loade...原创 2019-11-22 16:31:44 · 926 阅读 · 0 评论