09 2021 档案
摘要：最近开发的一个项目需要用到签字功能，本来vue2.0可以直接使用vue-esign插件，实现签字。多么的方便，奈何项目使用vue3.0开发vue-esign不好使，那就只能自己动手封装一个签字组件了。 签字功能实际上就是获取鼠标运动轨迹并将轨迹绘画出来而已 <template> <div class
阅读全文
摘要：1.在nginx官网下载稳定版本的nginx 地址：http://nginx.org/en/download.html 参考下图： 2.nginx安装包解压路径中不能含有中文，否则nginx启动会报错 3.使用npm run build命令，或者其他自己配置的打包命令将vue项目打包，打包完成之后将
阅读全文
摘要：为什么要进行二次封装 api统一管理，不管接口有多少，所有接口都可以非常清晰，容易维护 开发项目一般有三个阶段 开发环境 测试环境 生产环境 不同环境访问接口的域名不同，直接修改域名，这就是封装请求的原因。 request.js import axios from 'axios' import {T
阅读全文
摘要：对于模糊查询，一般都是传关键字给后端，由后端来做。但是有时候一些轻量级的列表前端来做可以减少ajax请求，在一定程度上提高用户体验。 clickSearch(keyWord) { var listArr = []; listArr = this.$store.state.tagInfo var ke
阅读全文
摘要：注册一个npm账号 在npm官网注册https://www.npmjs.com/ 给代码库起名字 不可有重复包名，包名重复不能提交 创建项目 需要一个package.json文件，这个文件不仅仅是用来标明依赖和npm script脚本，也可以是一个npm包被外界识别的配置文件。因为配置文件内容比较多
阅读全文
摘要：因为个人问题，耽误了文章的更新，实在抱歉。 本篇继续上篇，上篇讲述了如何写接口，本篇讲解如何调用接口。 在vue中，请求接口使用axios，类似于js中的ajax。axios请求分get和post，简单讲解一下用法。 这里提供一下数据，有需要的小伙伴复制使用 axios_demo.sql View
阅读全文
摘要：武汉加油！中国加油！ 想必许多学vue的小伙伴想连接数据库，对数据进行增删改查吧，奈何不知道怎么实现。作为一路踩坑的我，为大家带来我的一些踩坑经历，水平有限，其中错误，望请指正。 前言： 本篇主要讲述的是如何把零件凑在一起让车跑起来，不会去关注如何制造零件，等车跑起来了我们再去了解造零件。 先看一下
阅读全文
摘要：使用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
阅读全文
摘要：<template> <li v-for="(item,index) in workList" :key="index" class="workLi" :class="top[index]"> <div class="workListLeft"> <h3 class="workT"> <span>{
阅读全文
摘要：纵向table表头 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <table border="0"> <tbody> </tbody> </tab
阅读全文
摘要：滚动条 Window.scrollTo(0,1800)//浏览器滚动条滚动 移动端使用 SetTimeout(()=>{ Window.scrollTo(0,1800) },100)
阅读全文
摘要：步骤条 <template> <div> <ul class="steps"> <li v-for="(item,index) in SetData" :key="item+index" :class="{'active':Steps index+1}" >{{ item + Steps }} </
阅读全文
摘要：伪元素的用途 css中的属性是插入生成的内容，它一般与伪元素:befor和 :after 配合使用。 content："." 就表示在需要的地方插入"." counter-increment属性递增一个或多个计数器值。 counter-reset默认值为0 counter-increment属性通常
阅读全文
摘要：1.find() 返回数组中第一个满足条件的数据 (1)// var num = [10, 20, 30, 40, 50, 60, 70, 80, 90]; var newNum1 = num.find((item, index) => { return item > 40; }) console.
阅读全文
摘要：el-tree动态禁用状态 <template> <div class="hello"> <h1>{{ msg }}</h1> <el-tree accordion show-checkbox :data="testOrgList1" style="display: flex;flex-direct
阅读全文
摘要：组件内守卫 const Foo = { template: `...`, beforeRouteEnter(to, from, next) { // 在渲染该组件的对应路由被 confirm 前调用 // 不！能！获取组件实例 `this` // 因为当守卫执行前，组件实例还没被创建 }, befo
阅读全文
摘要：触发高频事件后 n 秒内函数只会执行一次，如果 n 秒内高频事件再次被触发，则重新计算时间。（防抖让一个函数在一定间隔内没有被调用时，才开始执行被调用方法） export const Debounce = (function () { let timer = null return function
阅读全文
摘要：普通数组去重 vm.bleDevices = Array.from(new set(vm.bleDevices)) 对象数组去重 unique(arr) { const res = new Map(); return arr.filter((arr) => !res.has(arr.mac) &&
阅读全文
摘要：Object.keys(obj).length，判断对象属性数组长度。
阅读全文
摘要：删除数组中的某一个对象 var index = this.dialogList.findIndex(citem=>citem.CHECK_ID item.CHECK_ID) this.dialogList.splice(index,1) 数组对象去重 var obj = {}; vm.DEVICED
阅读全文
摘要：Object.assign(this.$data, this.$options.data())
阅读全文
摘要：父组件向子组件传值 父组件 <template> <div id="app"> <mailTable :father="father"></mailTable> </div> </template> <script> import mailTable from '../utils/table' ex
阅读全文
浙公网安备 33010602011771号