weixin_52721089-CSDN博客

转载记录使用浏览器扫码功能（pad 笔记本手机）

引用前端实现很哇塞的浏览器端扫码功能🌟体验地址 https://dragonir.github.io/h5-scan-qrcode完整代码 https://github.com/dragonir/h5-scan-qrcode兼容❗ 即使使用了 adapter，getUserMedia API 在部分浏览器中也存在不支持的。❗ 低版本浏览器（如 iOS 10.3 以下）、Android 小众浏览器（如 IQOO 自带浏览器）不兼容。❗ QQ、微信内置浏览器无法调用。❗❗❗❗❗❗❗❗❗❗❗

2022-04-07 13:33:50 382

原创 Vue.directive的‘dialogDrag‘窗口拖拽

首先要创建一个directives.js文件夹，并且在main.js中引入import './util/directives.js';在directives.js中写入import Vue from 'vue'// v-dialogDrag: 弹窗拖拽Vue.directive('dialogDrag', { bind(el, binding, vnode, oldVnode) { const dialogHeaderEl = el.querySelector('.el-dialo

2021-06-11 08:22:25 816

原创 Avue使用心得

1）在avue中会因为一些奇怪原因出现排版错误，刷新一下就可以解决的问题。 this.$refs.crud.refreshTable(); //refreshTable()这个方法是对Crud进行重新布局2）avue中会有对某一个表格的样式单独操作的情况那么我们就会用到这个属性。 <avue-crud :cell-style="cellStyle" ></avue-crud> //可以判断选择的第几行第几列，然后return 需要重新渲染的样

2021-06-07 16:55:48 4021 3

原创 element的el-drawer预留操作栏问题

2021-06-03 14:40:22 432

原创 element在使用el-row与el-col排序混乱问题

element在使用el-row与el-col会出现一些小bug，多行解构会造成排版混乱在style中添加<style lang="scss" scoped>.el-row{ display:flex; flex-wrap: wrap;}</style>

2021-06-03 13:19:47 1369

原创 Avue使用记录

Avue是一款基于element ui的前端框架，适用于编写后台管理类项目，该组件封装极其严格，因为缺乏足够的文档资料，在使用学习过程中，有着各种不便。Avue核心是<avue-crud></avue-crue>的标签，里面有:option="option"属性指向了api/option.js文件同级的是index.js文件，放api。<avue-crud></avue-crue> <avue-crud class="diy-ta

2021-04-14 21:58:00 913

原创页面跳转之后后退回来页面隐藏问题。

起因，我在vue项目中使用路由跳转，然后跳转之后再/back回退回来，页面隐藏了一部分，原因是因为我跳转后的页面与本页面的一个class重名，并且没有使用scoped，还使用了overflow: hidden;属性。

2021-04-02 10:20:22 141

原创页面中出现--＞的字体

今天接到一个项目，页面中有一个–>的字体，找了半天也不知道问题出在哪里，最后发现是在一行注释的代码中发现的<!DOCTYPE html><html lang=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- <link rel="icon" href="<%=

2021-03-31 22:35:25 376

原创 vue中的事件绑定，突然报错不是实例上定义的

报错如下Property or method "deleteBlackList" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.//“deleteBlackList”属性

2021-03-30 14:22:08 988

原创 js的深拷贝

深拷贝let copy = data => { let newData; if (typeof(data) === 'array') { newData = []; data.map((item, index) => { newData[index] = dfs(item); }); } else if (typeof(data) === 'object') { newData =

2021-03-19 11:53:27 57

原创用js编写一个city城市列表的样式

之前写vue的项目，需要一个城市列表的样式类似这种首先我在vue中下载组件 yarn add vant按照推荐选择按需引入组件安装插件 yarn add babel-plugin-import -D在项目中引用import Vue from 'vue'import { IndexBar, IndexAnchor, cell } from 'vant'Vue.use(IndexAnchor).use(cell).use(IndexBar)这样我们得到了最基本的样式，我们这时先创建

2021-02-22 13:12:30 964

weixin_52721089的博客