![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
搬砖工KO水泥匠
一枚搬砖的仔,一个粉刷的匠。
展开
-
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 · 714 阅读 · 0 评论 -
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 · 8567 阅读 · 2 评论 -
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 · 88 阅读 · 0 评论 -
复盘【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 · 204 阅读 · 0 评论 -
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 · 6544 阅读 · 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 · 1428 阅读 · 0 评论 -
使用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 · 1130 阅读 · 0 评论 -
使用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 · 429 阅读 · 0 评论 -
使用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 · 1257 阅读 · 0 评论 -
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 · 324 阅读 · 0 评论 -
如何在使用 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 · 1900 阅读 · 0 评论 -
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 · 16197 阅读 · 3 评论 -
开发组件上传到 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 · 1395 阅读 · 0 评论 -
H5判断当前是否引入 JSBridge
H5判断当前是否引入 JSBridge判断场景1. 如当前版本未接入jsbridge,无法通过jsbridge库中的方法判断是否注入了对象或者方法事件。【婉转的解决方法】1. 设置一个当前页面全局变量 flag=false;2. 通过页面渲染完成后,直接调用 “获取app基本信息——getAppInfo” 该方法。如果当前app版本未接入jsbridge,则调用该方法无效,无法输出相关数...原创 2020-04-15 18:01:32 · 1052 阅读 · 0 评论 -
限制移动端dom遮罩层滑动穿透
// 限制遮罩层穿透$('.mask-window,.pop-window').bind("touchmove",function(e){ e.preventDefault();});原创 2020-04-15 15:03:51 · 174 阅读 · 0 评论 -
JSbridge使用 说明
JSbridge H5页面说明git地址:https://github.com/wangjiaojiao77/JsBridge参考学习链接:http://www.imooc.com/article/23258IOS demo链接:http://demo.yichaowang.bevateachers.com/js_bridge/jsbridge/ios.htmlAndroid demo链接...原创 2020-03-28 00:10:48 · 1709 阅读 · 0 评论