会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
卡布奇诺。不加糖
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
下一页
2021年9月30日
使用canvas实现签字功能
摘要: 最近开发的一个项目需要用到签字功能,本来vue2.0可以直接使用vue-esign插件,实现签字。多么的方便,奈何项目使用vue3.0开发vue-esign不好使,那就只能自己动手封装一个签字组件了。 签字功能实际上就是获取鼠标运动轨迹并将轨迹绘画出来而已 <template> <div class
阅读全文
posted @ 2021-09-30 13:48 卡布奇诺。不加糖
阅读(618)
评论(0)
推荐(0)
2021年9月29日
用vue开发的前端项目如何部署到window系统的Nginx服务器上,只需简单五步
摘要: 1.在nginx官网下载稳定版本的nginx 地址:http://nginx.org/en/download.html 参考下图: 2.nginx安装包解压路径中不能含有中文,否则nginx启动会报错 3.使用npm run build命令,或者其他自己配置的打包命令将vue项目打包,打包完成之后将
阅读全文
posted @ 2021-09-29 09:51 卡布奇诺。不加糖
阅读(2920)
评论(0)
推荐(0)
2021年9月28日
二次封装axios
摘要: 为什么要进行二次封装 api统一管理,不管接口有多少,所有接口都可以非常清晰,容易维护 开发项目一般有三个阶段 开发环境 测试环境 生产环境 不同环境访问接口的域名不同,直接修改域名,这就是封装请求的原因。 request.js import axios from 'axios' import {T
阅读全文
posted @ 2021-09-28 16:26 卡布奇诺。不加糖
阅读(76)
评论(0)
推荐(0)
模糊查询
摘要: 对于模糊查询,一般都是传关键字给后端,由后端来做。但是有时候一些轻量级的列表前端来做可以减少ajax请求,在一定程度上提高用户体验。 clickSearch(keyWord) { var listArr = []; listArr = this.$store.state.tagInfo var ke
阅读全文
posted @ 2021-09-28 15:56 卡布奇诺。不加糖
阅读(212)
评论(0)
推荐(0)
封装组件发布到npm上
摘要: 注册一个npm账号 在npm官网注册https://www.npmjs.com/ 给代码库起名字 不可有重复包名,包名重复不能提交 创建项目 需要一个package.json文件,这个文件不仅仅是用来标明依赖和npm script脚本,也可以是一个npm包被外界识别的配置文件。因为配置文件内容比较多
阅读全文
posted @ 2021-09-28 14:58 卡布奇诺。不加糖
阅读(91)
评论(0)
推荐(0)
2021年9月27日
左右滑动弹出弹框
摘要: 使用vue-touch步骤 npm install vue-touch@next --save //在vue项目中的main.js文件中引入:import VueTouch from 'vue-touch'Vue.use(VueTouch, {name: 'v-touch'}) <v-touch v
阅读全文
posted @ 2021-09-27 14:53 卡布奇诺。不加糖
阅读(143)
评论(0)
推荐(0)
js实现纵向表头
摘要: 纵向table表头 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <table border="0"> <tbody> </tbody> </tab
阅读全文
posted @ 2021-09-27 14:48 卡布奇诺。不加糖
阅读(407)
评论(0)
推荐(0)
手动实现步骤条
摘要: 步骤条 <template> <div> <ul class="steps"> <li v-for="(item,index) in SetData" :key="item+index" :class="{'active':Steps index+1}" >{{ item + Steps }} </
阅读全文
posted @ 2021-09-27 14:47 卡布奇诺。不加糖
阅读(92)
评论(0)
推荐(0)
el-tree动态禁用状态
摘要: el-tree动态禁用状态 <template> <div class="hello"> <h1>{{ msg }}</h1> <el-tree accordion show-checkbox :data="testOrgList1" style="display: flex;flex-direct
阅读全文
posted @ 2021-09-27 14:39 卡布奇诺。不加糖
阅读(1507)
评论(0)
推荐(0)
路由守卫
摘要: 组件内守卫 const Foo = { template: `...`, beforeRouteEnter(to, from, next) { // 在渲染该组件的对应路由被 confirm 前调用 // 不!能!获取组件实例 `this` // 因为当守卫执行前,组件实例还没被创建 }, befo
阅读全文
posted @ 2021-09-27 14:38 卡布奇诺。不加糖
阅读(47)
评论(0)
推荐(0)
上一页
1
2
3
4
下一页
公告