- 博客(16)
- 收藏
- 关注
RSS订阅原创 vue+ele爬坑之路（八）—el-tree
需求1、多个组织树展示，默认第一棵树展开2、部分设备可选择，部分设备不可选择3、自定义图标实现代码：template代码+css样式相关代码1、template```<el-treeclass="tree-line":data="treeLeft":icon-class="'iconfont'"@check="checkEvent":indent="0"node-key="id"show-checkb...
2021-01-05 16:08:48
1422
原创 vue爬坑之路 （八） 之npm install
我有的时候在使用npm install安装vue依赖的时候，总是会遇到报错，a complete log of this run can be found in:这个时候我们可以尝试走一下：npm cache clean --force这个指令，先清一下项目中的缓存，然后再继续走npm install指令就能正常走了...
2019-09-30 13:53:23
268
原创 vue-router之间的操作
既然用了vue，那么vue-router就是在项目开发中必不可少的一部分操作了，这里我特意整理了一些在vue项目开发过程中涉及到的一些操作吧。一、路由之间传参由A路由到B路由之间的传参，可以通过$router的query和param传递，用query传递的参数，会在浏览器的url路径中展示出来，不具有保密性，但是刷新后依旧存在，由param传递的参数，不会在浏览器的url路径中展示出来，而...
2019-09-26 15:00:05
174
原创 vue+ele爬坑之路（七）—show-overflow-tooltip
emmm....提到表格的超出文本省略，现在用了element-ui的小伙伴算是松了一口气，但是最近我搞搞的项目要求兼容IE，于是测试小姐姐又测出了好多bug，简直让人心碎，话不多说，首先就是el-table表格的show-overflow-tooltip，看到bug就赶紧想解决办法，我看了下，是有的有提示，有的没有提示，那么百度查出来的方法基本就不能用了，回到文档，看一下介绍：描述的是###...
2019-09-26 13:55:34
5233
4
原创 vue爬坑之路（六）— scoped
在vue中，我们有的时候难免会引入第三方UI组件库，但是在UI组件使用过程中，我们有的时候会对里面引入的一些样式进行修改，但是在开发大型项目过程中，为了避免class的样式污染，我们通常会使用scoped，会确保你的样式只会运用在它们想要作用的组件上,这也造成了我们无法对对三方组件库的一些样式进行修改。但是也并非没有办法去解决。比如在scss和less中 /deep/ +第三方组件类名这样...
2019-08-09 16:20:43
122
原创 js图片上传
图片上传写个图片上传的功能，没有检验图片大小，只是把图片转了base64 格式，然后再由后台进行操作才使用，也可以直接使用，只是没有转base64，相关代码如下<input type="file" @change="imgChange" accept="image/*">在js中imgChange(files) { let file = files.target.fi...
2019-07-16 14:58:14
570
原创 vue爬坑（五）-IE空白Bug
今天用做好的VUE项目IE下打开，发现页面一片空白，为了解决问题，特意百度了下，现解决方法如下：1、安装babelnpm install --save babel-polyfill2、引入在main.js中import 'babel-polyfill'3.1、配置在build文件夹中：webpack.base.conf.js里配置，这样就可以啦 entr...
2018-11-28 15:31:23
177
原创 vue+ele爬坑之路（四）—vue-seamless-scroll
因为要做一个无缝滚动的判断，在这里我用到了vue-seamless-scroll，但是因为要加一些判断，所以对它进行了一些改动，在求助之后才把问题解决，也是心累了。1、安装npm install vue-seamless-scroll --save2、配置2-1 全局配置在main.js中，正常配置是：import scroll from 'vue-seamless-...
2018-11-21 10:37:30
13920
11
原创 vue+ele爬坑之路（三）—vue-amap
地图几乎是很多项目中不可或缺的一部分，这里介绍下在vue+element中vue-map的使用。1、安装npm install vue-amap --save2、配置全局配置，在main.js中配置，代码如下：import VueAMap from 'vue-amap';Vue.use(VueAMap);//初始化VueAMap.initAMapApiLoader(...
2018-11-13 15:20:59
1401
4
原创 vue-cli依赖安装
因为我用的是vue+ele，而且在项目开发过程中，我们也需要引入一些插件，比如echart、sass，这里就写一下如何引入并使用它们吧。1、安装element-ui完整引入npm i element-ui -S在 main.js中import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/in...
2018-11-02 15:20:16
1236
4
原创 vue-cli搭建
脚手架搭建1、创建脚手架 npm install --global @vue/cli 2、创建新工程vue init webpack projectName // projectName为你创建vue项目的文件名3、选项创建工程过程中，除了 install vue-routerr?选择Y其他均可选择N，否则在组件实现过程中会有很多因为代码不规范引起的报错或者告警...
2018-11-02 14:19:49
86
原创 vue+ele 爬坑之路(二)—tree
后台管理系统中Tree的使用 因为涉及到权限的分配，所以要有v-if判断，初始的情况，我一直想在script中直接获取到node里面的值，但是我试了element文档中许多办法，都无法直接获取，需要的都是通过事件，但我后面加了个aaa()click事件，发现我可以点击后打印出node和data,于是反向思维直接试着获取node里面的值，结果就成功了，也算可喜可贺吧！使用方法为：&l...
2018-11-01 16:38:40
508
原创 vue+ele 爬坑之路(一)—class
上手Vue已将近三月，在这里记录下我自己遇到的一些问题吧！class名的修改1、第一种就是直接绑定<div class="main-header"></div>这种样式方便大家直接给标签加样式，不足之处在于无法动态控制class2、动态绑定<div v-bind:class="[classA, classB]"></div>...
2018-11-01 10:18:36
491
转载 文字滚动
代码可以无限滚动，但注意定位问题，这个滚动效果还可以，里面的js代码也容易懂，挺好用的，就是在样式设计方面有些问题，插件什么的算是我转载过来的。不多说，上代码：test*{margin: 0;padding: 0;}body{background: #ddd;}#marquee{width: 300px;height: 200px
2017-09-13 14:18:24
291
原创 关于中国地图那些事
这个月一直在写地图，写到销魂，一直都在修改，最终，产品经理终于放过了我页面中的那个可怜的地图，让大家都来瞅瞅吧；不多说，上代码： 地图 *{margin：0；padding:0;}#map{width:450px;height:550px;}
2017-09-13 14:07:03
443
原创 关于Vue
最近公司一个项目使用了Vue这款框架来进行模块化开发，本人参与其中的一个小模块开发，但是整体的设计并不是我架构设计的，在此记录一些我自己用到的技术吧。本项目的构建是使用vue-cli脚手架搭建的，在这里先介绍下如何利用Vue.js中的axios来实现前后台数据交互吧，当然，本人对后台技术不是很了解，这里就用json来模拟了，需要引入的文件：<script src="https://u...
2017-05-22 20:07:45
202
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人