- 博客(22)
- 收藏
- 关注
RSS订阅原创 VUE动态新增表单&对表单进行校验
1、html<el-tabs v-model="editableTabsValue" type="card" closable @tab-remove="removeDispatchFn" @tab-click="clickDispatchFn" > <el-tab-pane v-for="(ite
2021-09-16 17:01:28
827
原创 vue使用steps步骤条，自定义内容
效果图一、引入element ui steps<el-steps :active="caseHistoryData.length" finish-status="success" direction="vertical" > <el-step> <template slot="description"> </template> </el-step></el-steps>二、在tem
2020-11-19 16:05:43
14178
1
原创 nginx配置
1、安装好nginx后启动2、将前端项目复制到/nginx/html文件夹下3、将nginx下的配置文件（/nginx/conf/nginx.conf）里的server节点配置改为要配置的域名server { #监听的端口，80端口是默认端口，在访问时，就无需输入端口号，其他的都需要输入端口号，比如这里访问地址就是127.0.0.1，而若是8080端口，则是127.0.0.1：8080 listen 80; #此处localhost可改为要访
2020-10-28 16:35:48
113
原创 输入框的高逼格
一、html <form> <input type="text" required v-model="form.plateNo"/> <label> <span>车牌号</span> </label> </form>样式form CSSform { height: 58px; line-height: 58px; margin: auto;
2020-09-23 14:47:57
110
原创 vue利用百度地图api画路线&打点&滑入展示（坐标）
1.创建地图容器<div id="allmap" style=" border-radius: 5px;" ></div>2.展示百度地图guiji() { var map = new BMap.Map('allmap') var point = new BMap.Point(132.1321213213,382651646846) //随便写的坐标 }3.画出路线（注意看注释）guiji() { var map = new BMa
2020-06-30 15:08:52
6261
3
原创 element表格勾选后翻页任然选中
1.在中加属性row-key2.勾选列在属性reserve-selection3.自定义方法getRowKey(row) { return row[this.rowKey] },即可
2020-06-30 14:43:32
415
原创 百度地图标记打点展示
百度地图key获取设置地图展示区域<div id="allmap" style="width: 350px;height: 350px;"></div>地图函数调用getMap(){ let _that=this let i=1; var map = new BMap.Map("allmap"); var point...
2020-04-09 16:42:49
1652
1
原创 VUE后台权限
vue-router 2.2版本新增了一个router.addRoutes(routes)方法，让动态路由得以实现。想当然的实现方案用动态路由实现路由权限控制貌似是一个完美的方案，初始路由只有登录和404，登录后动态添加可用路由，同时将菜单数据保存到Vuex或本地用于实现动态菜单，关键节点大致如下：//初始路由：[{ path: '/login', name: 'login', ...
2020-03-15 19:39:53
117
原创 axios用法/请求方式
1.安装axiosnpm install axios2.封装axiosimport axios from 'axios'// 1.通过当前的运行命令判断出当前的运行环境，切换请求地址// 开发环境 + 测试环境 + 生产环境const isDev = process.env.NODE_ENV === 'development'// isDev --- true ---- ...
2020-03-01 22:06:57
172
原创 Vuex工作流程及状态管理
vue工作流通过state存储数据然后在组件展示接着通过action请求接口通过mutation更新state数据使用1、创建状态管理建立文件store/index.js （建立仓库）import Vue from 'vue'import Vuex from 'vuex'// 导入各个模块的小仓库import goods from './models/goods' //...
2020-03-01 16:27:45
355
原创 VUE动态路由传参
方法有很多种1// 直接调用$router.push 实现携带参数的跳转 this.$router.push({ path: `/describe/${id}`, })需要对应路由配置如下： { path: '/describe/:id', name: 'Describe', component: Describe }...
2020-02-27 22:59:34
154
原创 Sass与Less区别
1、编译环境Sass需要安装Ruby，属于服务端处理，然而Less是需要引入官网提供和的less.js，属于客户端处理。2、变量声明Sass/Scss 使用的是$,而Less使用的是@// Sass$color:red;// Less@color:green;3、输出格式Less无输出格式，Sass可以使用特定的输出格式nested：嵌套缩进的css代码expanded：...
2020-02-26 23:08:02
159
7
原创 Vue、React使用NProgress顶部加载进度条
效果：1.安装npm install --save nprogress // 或者yarn add nprogress//用法NProgress.start();NProgress.done();2.VUE(React 2.2)使用2.1在入口文件main.js中使用，引入 nprogressimport NProgress from 'nprogress' // 引入nprog...
2020-02-25 22:59:34
2006
9
原创 Jquery库实现图片懒加载
原理：先将img标签的src链接设为同一张图片（比如空白图片），然后给img标签设置自定义属性（比如 data-src）,然后将真正的图片地址存储在data-src中，当JS监听到该图片元素进入可视窗口时，将自定义属性中的地址存储到src属性中。达到懒加载的效果。好处：这样做能防止页面一次性向服务器发送大量请求，导致服务器响应面，页面卡顿崩溃等。<!DOCTYPE html>...
2020-02-24 21:36:39
352
11
原创 小程序开发流程
1.wx、uniapp、taro全局配置1.1wx全局配置（app.json）文档：app.jsonpages：页面的构建"pages": [ "pages/home/home", ],//页面的构建window：全局样式的配置"window": { "backgroundTextStyle": "light", "navigationBarBackgroundCo...
2020-02-23 18:05:24
303
2
原创 微信小程序——wxParse使用方法
wxParse是一个微信小程序富文本解析组件。现在小程序里面自带了一个组件也能解析富文本，但是表现不尽人意。所以我还是采用的wxParse来解析富文本的。wxParse git地址：https://github.com/icindy/wxParse。可以先稍作了解。下面具体讲一下我实现的步骤：1.下载 wxParse，解压，将 wxParse 放入小程序中。如下图：2.在 你需要引用这个...
2020-02-14 10:35:17
1301
1
转载 React 语音切换react-intl-universal包
https://blog.csdn.net/zhuming3834/article/details/98847188
2020-01-31 19:55:44
391
原创 vue 利用i18实现语言切换
vue语言切换1.安装i18n模块 - npm i vue-i18n (yarn add vue-i18n)2.在mian.js中全局激活 创建VueI18n实例对象 - import VueI18n from 'vue-i18n' Vue.use(VueI18n) const i18n = new VueI18n({ locale: localStorage.getI...
2019-12-22 13:53:55
519
原创 vue全屏/非全屏展示
vue全屏/非全屏展示1.安装screenfullnpm install screenfull (yarn add screenfull)2.在需要设置全屏按钮处引入import screenfull from 'screenfull'3.给按钮设置点击事件<i class="el-icon-full-screen" style="font-size:24px;curso...
2019-12-22 13:52:04
426
原创 vue实现拖拽
1.安装awe-dndnpm install awe-dnd (yarn add awe-dnd)2.在main.js中，通过Vue.use导入插件import VueDND from 'awe-dnd'Vue.use(VueDND)3.在需要拖拽的地方加入class=‘color-item’tags:[ {name:'首页'}, {name:'你好'}, ...
2019-12-22 13:43:02
266
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人