搬砖工KO水泥匠-优快云博客

原创 html2canvas 在ios13.4.1系统中不生效解决方案

html2canvas 在ios13.4.1系统中不生效一、问题描述最近在开发 html2canvas 的时候，突然发现，html2canvas在IOS13.4.1系统中调用失败。后马上去github上查看是否有同道中人遇到类似问题。二、解决方案1.首先将 package.json 中的 html2canvas 版本降低为【1.0.0-rc.4】"dependencies": { "html2canvas": "^1.0.0-rc.4", "less": "^3.11.1",

2020-05-15 18:10:46 2695

原创 ant-design-vue table的slots和customRender 无法同时使用解决方案

思路：在custom Render 中使用vue的 h() 函数调用自己的组件并传值，即可在新组件中产生自己想要的前端自定义展示。

2023-12-26 13:36:50 499 1

原创 vue 视图更新不及时

vue开发的过程中我们时常会遇到数据更新和视图更新不匹配的问题。简单点说就是vue没有监测到这一块儿的数据变化。简单的解决方法有几种vue2 中// 第一种：// Vue.set() 方法（this.$set（））Vue.set( target, key, value ) 中有三个参数给我们 this.$set(this.student,"age", 24)// target：要更改的数据源(可以是对象或者数组)// key：要更改的具体数据如果是数组就是索引值// value

2022-04-19 10:01:01 1359 1

原创 vue3中provide和inject

父子组件间数据通信父组件 app.vueimport { reactive, provide, ref, watch } from 'vue';export default { ... setup () { const userFlag = ref(false); provide('userFlag', userFlag); return { userFlag } }}子组件A home.vue<script>import { inj

2022-03-16 21:36:21 516

原创 Ant design vue 2.x 版本在 vue3 中的主题定制

Ant design vue 2.x 版本在 vue3 中的主题定制我们是在vue3.0 项目中使用 ant design vue 2.0，解决流程和官网思路一致，直接使用 less 变量层叠即可，但是有一个问题就是需要全量引入 style 文件。具体如图展示main.jsimport { createApp } from 'vue';import router from '@/router';import App from './App.vue';import { Cascader

2021-05-13 09:54:58 812

原创 vue3 中 watch 监控当前 router

vue3 中 watch 监控当前 router需求：在开发过程中，router 匹配当前导航栏，并将指定导航栏进行高亮显示。主要问题：实时获取当前路由数据，实时更新数据 selectedKeys解决方案：使用vue3中的 useRouter 进行判断匹配，使用 watch 进行监控，代码如下<template> <div> <span>{{ selectedKeys }}</span> </div></temp

2021-05-11 11:11:47 4345

原创 vue3.0 中setup中异步转同步

vue3.0 中setup中异步转同步Vue3中的setup前加上async后页面不显示**问题描述 **在开发 vue3 中，因为通过接口数据为异步函数获取，导致最后数据无法成功赋值进 return 中的数据。所以需要setup函数异步转同步，后设置了async 后异步转同步，结果导致页面空白不显示。解决问题在Vue3中，如果当前组件的setup使用了async/await，那么其调用组件的父组件的外层需要嵌套一个suspense标签，例如：异步组件：子组件HTML<templat

2021-04-15 16:25:26 8854 2

原创 VUE3 中使用 VUEX，报错【[Vue warn]: inject() can only be used inside setup() or functional components.】

VUE3 中使用 VUEX，报错【[Vue warn]: inject() can only be used inside setup() or functional components.】参考链接1：参考链接 vuex 报错 injuce() 参考链接2：vuex 报错无法在methods中使用store的引入因为在setup中，已经对store进行了定义，所以不能再在外边的methods中进行访问javascript fail···import { useStore } fro

2021-04-02 10:25:50 13244 1

原创使用gitlab clone代码的时候报错

使用gitlab clone代码的时候报错一、问题复述在使用命令行 git clone http://gitlab.xxx.com/admin 进行克隆初始化代码的时候，报错$ git clone http://gitlab.xxxxxx.net/sycamore/admin-Frontend.git/Cloning into 'admin-Frontend'...fatal: unable to access 'http://gitlab.xxxxxx.net/sycamore/admin-

2021-03-05 10:26:08 1368 1

原创 2021-01-28

数字千分符展示并添加两位小数，自动补齐如： 12.3 => 12.30 || 12 => 12.00 || 12.33333 => 12.33filterAmountNumber (value) { var value=Math.round(parseFloat(value)*100)/100 var xsd=value.toString().split(".") value = value.toString() if(x

2021-01-28 16:01:19 117

原创使用 vue-smooth-dnd 进行拖拽排序

HTML<template> <div class="simple-page"> <div>11111111111111</div> <Container @drop="onDrop"> <Draggable v-for="item in list" :key="item.id"> <div class="draggable-item"> <span

2021-01-13 00:30:51 1253

原创 ant design vue 中 table row 单行高亮样式展示

ant design vue 中 table row 单行高亮样式展示template<a-table ref="table" :rowKey="record => record.enrollment.enrollment_no" :columns="columns" :data-source="data" :showHeader="false" :loading="loading"

2020-12-01 17:59:47 1133

原创复盘【ToC端问题】

复盘【ToC端问题】一：开发ToC端，新建 EE 类项目后， Router 修改问题开发 EE类项目的时候，再 router/index.js 中直接判断是否是EE的项目，和非EE类项目。代码如下if (process.env.NODE_ENV === "production") { // 线上环境 // // 首先判断当前的项目是否为EE的项目 let project_flag = true if (PROJECT_SETTINGS['ee']['domain']

2020-10-25 22:48:36 291

原创 ag-grid 中自定义渲染html标签及样式

ag-grid 中自定义渲染html标签及样式export defaultexport default { data () { return { ······ // datatable columnDefs: null, rowData: null, modules: [], gridOptions: null,

2020-09-02 14:27:55 2258

原创 vue 中 input 自动获取焦点

template <a-modal :title="ModalText" :visible="visible" :confirm-loading="confirmLoading" @ok="handleOk" @cancel="handleCancel" > <a-input size="large" placeholder="请填写···" v-mode

2020-09-01 10:44:55 1056

原创 ag-grid 中外部编辑数据同步修改table单元格数据，数据实时更新

ag-grid 中外部编辑数据同步修改table单元格数据这里只探讨本人已经使用的一个方法getTags(params).then(res => { console.log(res, '====添加标签') if (res.code === 200) { // 更新已经修改完成的数据不在重新渲染dom this.gridOptions.api.setRowData(this.gridOptions.rowData

2020-09-01 10:34:04 2259

原创 GIT常用命令

查看当前项目中所有分支git branch -av创建本地分支 wangycgit checkout -b wangyc把wangyc本地分支推送到远程【即远程目前没有该分支，通过push新生成一个】git push --set-upstream origin HEAD:wangyc

2020-08-25 16:46:06 250

原创 Ant-design-vue中的选择时间控件 a-date-picker ，设置不能选择距今十年内的时间

template<a-form-model-item label="出生日期" prop="birthday"> <a-date-picker class="detail" @change="onChangeTime" placeholder="" :inputReadOnly="false" :showToday="fals

2020-08-25 14:12:48 1767

原创在使用git的时候。git pull 或 git push 的时候总会弹出框要让输入用户名和密码

解决方法在我们当前的项目的git下git bash进入你的项目目录然后输入： git config --global credential.helper store当我们已经配置好改文件的话，直接执行 pull 或者 push ，再输入一遍用户名密码，之后就再也不用重复输入了参考链接：https://blog.youkuaiyun.com/chinafire525/article/details/104485845参考链接：https://www.jianshu.com/p/31be506dcd82

2020-08-23 23:06:34 1363

原创 expandIconColumnIndex、expandIcon，使用ant design中 expandedRowRender 展开额外行自定义图标位置和样式

<template> <a-table :columns="columns" :data-source="data" :expandRowByClick="false" :expandIconAsCell="false" :expandIconColumnIndex="4" :row-selection="{ selectedRowKeys: selectedRowKeys, onChange: onSelectChange }"

2020-08-23 22:49:32 6985 1

原创 H5点击复制微信号

点击复制文案<div class="copy-wechat-id" @click="copyFn" data-clipboard-action="copy" data-clipboard-text="BevaBela老师">点击复制微信号</div>import Clipboard from "clipboard";methods: { /** * 点击复制微信号 */ copyFn() { var _this = this; var clipboar

2020-07-29 15:31:26 1515

原创使用eolink生成测试mock数据（三）

使用eolink生成测试mock数据（一）eoliker网址：https://www.eolinker.commockjs 网址：http://mockjs.com/examples.html#Number在测试页面中进行调试看看<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>测试</title> <style type="text/c

2020-07-24 15:31:48 1193

原创使用eolink生成测试mock数据（二）

使用eolink生成测试mock数据（二）eoliker网址：https://www.eolinker.commockjs 网址：http://mockjs.com/examples.html#Numberstep 1、step 2、step 3、step 4、step 5、step 6、step 7、step 8、

2020-07-24 15:29:51 478

原创使用eolink生成测试mock数据（一）

【前记】我们在开发的时候经常会遇到前后端开发时间差，后端可能在前端页面已经搭建完成后接口尚未出来，这个时候我们可以自己mock一下测试数据，主要用来展示，等后期后端接口调试完毕后，直接进行替换即可，所以就不得不让我们自己了解一下如何自己mock一些数据了。使用eolink生成测试mock数据（一）eoliker网址：https://www.eolinker.commockjs 网址：http://mockjs.com/examples.html#Numberstep 1、step 2、step

2020-07-24 15:19:00 1353

原创 vue中使用 bus 进行组件之间传值

vue中使用 bus 进行组件之间传值step 1 、npm安装npm install vue-busstep 2、引入// 在 main.js 引入import VueBus from 'vue-bus';Vue.use(VueBus);step 3、使用组件A中// 传值this.$bus.emit("eduTest",{title:"hello world"})组件B中// 监测传值this.$bus.on("eduTest",res=>{ console

2020-07-24 14:28:16 391

原创如何在使用 git 的时候不上传指定文件/文件件

在开发过程中，如果我们的代码管理工具是 GIT，然后我们希望在push的不push某些文件，此时我们可以按照以下流程操作。1 . 打开/新建 .gitignore 文件2 . 在该文件中输入不希望push的文件/文件夹，举例：node_modules wangycwangyc.md我们在 .gitignore 文件中可以看到有三个输入内容，其中 node_modules 一般为我们在使用 npm 的时候，git自动帮助我们填写的，然后我这里分别新增了一个 wangyc 文件夹和 wa

2020-07-23 10:18:22 1994

原创 IE中【Unhandled promise rejection Error: 拒绝访问。】

最近在使用vue开发中，发现一个问题【Unhandled promise rejection Error: 拒绝访问。】一、情况A后来通过百度得知是因为promise的异常捕获冒泡，那就根据大佬们的前车之鉴进行调整吧，在 promise 函数中添加上catch ，处理异常。当Promise的状态变为rejection时没有正确处理，让其一直冒泡（propagation），直至被进程捕获。这个Promise就被称为unhandledpromiserejection。//方式一.then(undef

2020-07-22 15:39:35 16739 3

原创初始化css

h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, header, section, body, html { margin:0; padding:0; }h1, h2, h3, h4, h5, h6{ font-size:100%; }address, cite, dfn, em, var { fo

2020-07-14 22:02:03 131

原创 VUE 中开发微信打开APP功能使用 wx-open-launch-app 组件

在微信中开发使用vue框架，通过 wx-open-launch-app 微信自定义注册组件开发微信H5打开app功能template<template> <div class="beva-home">  <div class="weixin-open-app" v-if="openAppState"> <img class="close-icon" :src="i

2020-07-02 17:49:27 7511 17

原创开发组件上传到 npm 简单教程一看就会

开发组件上传到 npm我们以后直接可以用了，简单教程一看就会摘要项目的GitHub地址：一. 首先我们需要做好准备工作注册一个 npm 账号。点击前往注册【注册流程就不给详细赘述了（狗头）】保证当前环境下安装了 vue、webpack、node ，我们以下的工作将会该环境下进行。【没有安装的朋友就要多几步操作，自行百度走个安装流程了】。我这里用的版本分别为【vue 2.9.6】【webpack 4.42.0】【node v11.2.0】创建一个新的基于 webpack 的vue项目

2020-06-27 20:54:14 1528

原创解析Url参数

getQueryString(url) { var match = url.split('?')[1].split('#')[0]; //将分割？后面的字符串赋给match var matches = match.split('&'); //将后面的以‘&’分割并以数组返回 var obj = {}; for (var i = 0; i < matche

2020-06-05 11:34:14 318

原创 H5、微信小程序 push、unshift 使用报错

H5、微信小程序 push、unshift 使用报错jsvar once_time = nullvar fast_index = 0Page({ data: { history:"", history_array:[], keywords: ['AAAAAA', 'BBBBBB', 'CCCCCC', 'DDDDDD', 'EEEEEE', 'FFFFFF', 'GGGGGG',], currentIndex:0, }, // 清除历史 clearHi

2020-06-01 10:59:20 833

原创获取微信版本，判断当前该版本是否支持微信开放标签【wx-open-launch-app】

在开发微信打开指定app功能的时候，需要引入微信开放标签，但是微信开放标签【wx-open-launch-app】又存在对微信版本的限制【7.0.12 是其最低版本】所以现在判断如果不是该版本及以上版本。judgeWechat(){ let wechat = navigator.userAgent.match(/MicroMessenger\/([\d\.]+)/i) ; let judgewechat = wechat[1].split('.') if(judgewechat[0

2020-06-01 10:09:06 2391 1

原创 css初始化通用模板

css标签格式化通用模板h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, header, section, body, html { margin:0; padding:0; }h1, h2, h3, h4, h5, h6{ font-size:100%; }address, cite, dfn,

2020-05-15 15:22:27 272

原创 vue项目npm less 后使用报错

问题描述：在vue中 npm 引入less 后，编译报错，具体错误信息可查看下边的报错信息。后经过查证，是因为less-loader的版本过高造成的，emmmm… 好了问题已经找到后，直接更改less-loader的版本即可。首先移除原来的less-loader 然后在重新npm指定版本。vue引入less编译命令npm install less less-loader --save报错信息 img报错信息 .log 10% building modules 0/1 modules 1 acti

2020-05-15 10:29:03 1061

原创判断 JSbridge 在不同设备调用

判断 JSbridge 在不同设备调用【说明】我们在使用 jsbridge 的时候，虽然在 ios环境下也可以使用 Android环境下的 jsbridge 文件，但是实际在测试的时候，遇到过几次调用未成功的状态，然后同样情况下，在 ios环境中使用 ios环境下的 jsbridge 则未遇到，所以在这里还是对不同环境下的 jsbridge 文件进行了新的处理。即，在一个统一配置的 config.js 文件中，首先对环境进行判断，然后再添加进不同环境下的 jsbridge.js 文件。所以在这里对

2020-05-11 15:10:58 365

微信批量用户头像图片，虚拟创建微信用户的时候可以用到

获取微信小程序包.xmind

空空如也