就叫小黄好了鸭-CSDN博客

ant design vue中Popover气泡卡片修改样式无效最近，新项目用的框架是 ant-desgin-vue用到了一个Popover气泡卡片，想要修改气泡卡片的样式。而我理想状态应该是：于是设置css如下所示：<style lang="less" scoped>.showTag{ display: inline-block; margin-left: 5px;}</style>发现，设置无效，如果把scoped去掉就行，但这不

2022-06-17 17:44:38 2862

原创 ant design 中的table加rowkey的三种方式

ant desgin中的table加rowkey的三种方式

2022-06-08 16:36:03 3673

原创新一代状态管理工具 -- Pinia 上手指南

一：Pinia简介和五大优势Pinia是vue生态里Vuex的替代者，一个全新的vue状态管理库。在Vue3成为正式版以后，尤雨溪强势推荐的项目就是Pinia。那先来看看Pinia比Vuex好的地方，也就是Pinia的五大优势。可以对Vue2和Vue3做到很好的支持，也就是老项目也可以使用Pinia。抛弃了Mutations的操作，只有state、getters和actions.极大的简化了状态管理库的使用，让代码编写更加容易直观。不需要嵌套模块，符合Vue3的Composition api

2022-03-30 18:33:27 24880 13

原创 vue源码 - 模板解析（手写简易版）

vue.jsclass Vue { constructor(options) { this.$el = document.querySelector(options.el) this.$data = options.data console.log(options.el); // #app this.compile(this.$el) } compile(node) { con

2022-03-28 19:58:51 1369

原创 JS - setTimeout时间误差解决办法

JS - setTimeout时间误差解决办法一、背景最近项目中加了一个计时器，我是用setTimeout来实现计时的，用于显示订单剩余支付时间，但我发现，短时间还好，时间长了，计时器的误差会很大。二、问题用setTimeout实现计时var start = new Date().getTime() var count = 0 // 程序执行了秒数增加var inits = 1000 // 间隔时间var timer = setTimeout(fun,inits)console.

2022-03-28 19:19:47 3278 2

原创 Vant - checkBox组件阻止事件冒泡

Vant - checkBox组件阻止事件冒泡使用 @click.stop.native="()=>{}"<div class="left" v-if="isShowCheckBox"> <van-checkbox v-model="isChecked" checked-color="#00B955" @change="checkBox()" @click.stop.native="()=>{}" ></van-checkbox>&l

2022-03-02 11:07:36 1974

原创 css - 如何修改element.style样式

问题：我们在写前面 web页面样式的时候，会发现有些时候，我们怎么修改style里面的值，页面上的样式都不会修改，当你用工具查看时，会发现里面会有element.style的值，这个值还找不到是在哪里出现的，还修改不了。原因：其实element.style是一种内联样式，很多情况下是在一些JavaScript代码里写死的，这种方法相当不好。但是有些时候，我们在使用第三方js文件时，会遇到。解决办法：那么我们如何去修改它呢，在源代码中用!important 语法优先权来实现我们想要的效果

2022-02-23 14:27:48 2738

原创 ElementUI el-input 只允许输入数字和两位小数

方法一1、页面效果2、FORM表单<el-form-item label="审计价格(元)" prop="auditPrice"> <el-input v-model="form.auditPrice" oninput="value=value.replace(/[^0-9.]/g,'')" placeholder="请输入审计价格" /></el-form-item>3、校验规则 data() { const validate

2022-02-08 11:35:18 1000

原创 vant --- DropdownMenu下拉菜单有白边问题

解决代码：<style >.van-dropdown-menu__bar{ box-shadow: unset !important; /* 解决van-dropdownMenu下拉菜单有白边问题 */} </style>例子：

2021-12-30 19:19:19 771

原创 VUE --- 将HTML格式转换为纯文本

html代码：<div>{{ToText(item.input)}}</div>js代码：methods:{ ToText(HTML) { var input = HTML; return input.replace(/<(style|script|iframe)[^>]*?>[\s\S]+?<\/\1\s*>/gi,'').replace(/<[^>]+?>/g,'').replace(

2021-12-28 13:03:25 1607

原创解决el-input输入框使用oninput或onkeyup后，v-model双向绑定失效问题

解决el-input输入框使用oninput或onkeyup后，v-model双向绑定失效问题在输入中文触发oninput后，v-model绑定的值会被设成空字符串，这时候再输入数字，v-model绑定的值不会被赋值，一直为空。解决方法可以用blur手动给绑定的值赋值。<el-input v-model="form.account" clearable placeholder="请输入编号" onkeyup="value=value.replace(/[^0-9]/g,'')" @b

2021-12-22 20:31:00 3232 5

原创在ElementUI的 MessageBox 弹框按钮上进行api接口请求

在ElementUI的 MessageBox 弹框按钮上进行api接口请求一.点击按钮，弹出弹框二.点击确认进行请求（用.then 不用async await ，解决promise获取数据出作用域后undefined的问题）代码 // 转为内部用户 handleToInternalUser(row){ console.log("转为内部用户...",row); this.$confirm('是否确认将该医生从外部用户转换为内部用户','提示',{

2021-12-09 20:00:14 2003

原创 axios --- 接口层添加自定义请求头

在接口层添加自定义请求头api/myinfo.js ---- 在定义接口的地方utils/channelLogin.js ---- 在调用接口的地方

2021-12-08 11:49:21 363

原创 (node:1344) UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function

(node:1344) UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function场景：在看到webpack打包，安装css-loader时，安装之后运行出错。错误代码是：(node:14720) UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function错误原因：因为项目中使用的webpack是

2021-11-23 16:30:49 1019

原创去除element el-input type=number 右侧箭头

没有去除之前：去除之后：具体css代码：/*在Chrome下移除input[number]的上下箭头*/.no-number::-webkit-outer-spin-button,.no-number::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none !important;} .no-number input[type="number"]::-webkit-outer-spin-button,.no

2021-11-16 15:48:22 2802

原创 iview + vue table分页勾选记忆

第一步（勾选）：已知给 data 项设置特殊 key _checked: true 可以默认选中当前项第二步（取消勾选）：第三步（全部勾选）：第四步（取消全部勾选）：

2021-11-10 20:14:46 818

原创 vue + iview 实现前端分页 + 搜索

第一步：第二步：第三步：第四步（切换页码请求接口的情况）：第五步（切换页码不请求接口的情况）：第六步：全部代码：<template> <div> <Card> <Input v-model="entryName" placeholder="请输入项目名称..." style="margin-left:20px" clearable></Input> &

2021-11-10 19:39:38 1209

原创 iview + table 插入input框并实现双向绑定

iview + table 插入input框参考iview官网文档：iview官方文档代码：代码：<template> <div> <Card> <Table ref="table" editable :data="tableData" :columns="columns" stripe></Table> </Card> </div>&l

2021-11-10 16:45:38 1637

原创 git reflog 和 git cherry-pick 的使用

一.git reflog / git cherry-pick 的使用1.问题描述女神说：“我们公司新来了一个前端小白，她对git不熟悉，辛辛苦苦加班一星期翘的代码没了。”我：“噢？怎么没了”女神：“在终端输入git log，列出所有的commit信息，如下图：”女神：“现在feature-2 到 feature-6全没了，还多了一个feature-7” 女神：“那么小蝌蚪请问如何把丢失的代码feature-2 到 feature-6全部恢复回来，并且feature-7的代码也要保留”

2021-09-30 10:43:25 265 1

原创 npm install 没有创建 node_modules 文件夹

npm install 没有创建 node_modules 文件夹npm install没有创建node_modules文件夹，只生成package-lock.json文件方法一：手动删除package-lock.json文件npm cache clean --force安装npm install这时还是没有node_modules文件夹的话方法二：手动删除package-lock.json文件npm install express --save出现node_module

2021-09-16 09:47:32 2341

原创 Git --- git stash 的两种应用场景与用法总结与注意点

git stash 的两种应用场景最近git用的比较多，因为是多个人维护一个仓库，经常会有合并冲突的情况，就学习了一下git stash的用法，目前有两个场景非常常用：1. 有人与我改动同一分支我在本地修改好后，发现远程分支已经被改动了，此时我本地也被改动了就造成了冲突，无法push或者pull。此时可以使用git stash：1 git stash //把本地的改动暂存起来2 git pull //拉取远端分支（此时本地分支会回滚到上次commit的情况，新的改动都存在了stash中

2021-09-10 14:32:53 1477

原创 vue3.0下使用pdf预览 ---- pdfh5.js

pdfh5在线预览（建议使用谷歌浏览器F12手机模式打开预览）原文参考：https://github.com/gjTool/pdfh5快速使用（有两种方式）一、script标签引入方式（需下载本项目文件夹css/pdfh5.css、js内所有文件）1.引入css <link rel="stylesheet" href="css/pdfh5.css" />2.创建div <div id="demo"></div>3.依次引入js（需引用本

2021-09-01 19:59:09 3388 4

原创 vue中阻止click事件冒泡（防止触发另一个事件）的方法

方法一：使用vue阻止子级元素的click事件冒泡。简单得：可以直接用stop<div @click="test1()"> <span @click.stop="test2()">按钮1</span> <span>按钮2</span> </div>这样点击div里面的按钮1，就不会触发div绑定时间test1()方法。方法二：可以自己写个阻止冒泡事件然后在发生冒泡的元素中调用这个事件@

2021-08-25 18:23:31 40597 2

原创 css 如何选择同一个class下的第一个div?

css 如何选择同一个class下的第一个div? <div class="ms-u"></div> <div class="ms-u"></div> <div class="ms-u"></div> .ms-u:nth-child(1) {......}

2021-08-25 17:36:17 9632

原创黑科技--- 电影日历/表情搜索/抖音网页版/去水印/网易云游戏平台

黑科技— 电影日历/表情搜索/抖音网页版/去水印/网易云游戏平台一.电影日历（https://www.cikeee.com）这个网站中每天会推荐一部经典的电影，并且可以在线观看。如果不喜欢看推荐的电影，也可以自行在右上角的搜索框中进行搜索，不过需要注意的是把搜索源更换一下，建议更换成------“茶杯狐影视”。传送门：电影日历二.表情搜索（http://www.qutuba.cn/search.php）这是一个内含各种表情图的网站，如果你和朋友经常斗图，来表达自己的情绪和语言，不

2021-08-23 18:03:09 2191

原创黑科技----图片转文字

黑科技—图片转文字说到图片转文字的软件，手机端这类的软件非常多。不过像这种办公类的软件手机上操作还是没有电脑更方便。电脑端的OCR软件大家都知道的肯定是“天若OCR”，业界中口碑非常好的软件，最开始这款软件是完全免费使用的，随着时间越长，这款软件也已经变成收费软件。前段时间阿雷给大家安利过这款软件的开源免费版。需要的小伙伴可以点击后面的链接获取：（天若OCR开源版）如果你喜欢更简单的操作，今天再给大家分享一个完全免费且无任何套路的OCR网站。测试设备：软件名字：PearOCR适合平台：

2021-08-23 14:08:57 201

原创 Vue3.0----watch

Vue3.0—Watch1. 在 vue3.0 里面使用 watch 也必须引用2. watch 也是一个函数他里面接收两个参数第一个参数就是数组,监听要改变的值。里面分成两类数据要是 refs 的就直接使用；如果是 reactive包裹的,就必须要使用一个函数,里面返回值写 xxx.数据名称。第二个参数就是回调函数里面有两个参数：第一个就是新的值第二个就是老的值特别注意的就是在 watch 里面要想获取到监听的值必须要加 value,否则只能获取个对象<templa

2021-08-23 11:11:52 308

原创 Vue3.0----卡槽的使用和传值

Vue3.0卡槽的使用和传值使用v-slot来命名后面跟卡槽要传递过来的值子组件slot name = “名字”后边接收要传递过来的值<template> <table> <tr> <th>默认插槽：</th> <td> <slot /> </td> </tr> <tr> <

2021-08-23 10:42:50 1144

原创序列化请求参数

在前端请求中,或者跳转页面的时候,往往需要在地址后面加一些参数,但是参数多了之后,一个一个拼接很麻烦,所有为大家提供一个方法function serializeData(obj){ let str='?' Object.keys(obj).forEach(function(key){ str+=key+"="+obj[key]+'&' }); var reg=/&$/gi; str=str.replace(reg,""); //清除最后一个&

2021-07-19 11:27:26 207

原创 Vue+Element组件el-table添加表头全选文字

html部分： <el-table v-if="showTable" class="inter_table" :data="apiList.slice((currentPage-1)*pagesize,currentPage*pagesize)" style="width: 100% !important;" border @selection-change="handleSel

2021-07-15 17:18:23 1357

原创 vscode如何设置自动保存时自动格式化代码

vscode如何设置自动保存时自动格式化代码一、实现vs code中代码格式化快捷键：【Shift】+【Alt】+F二、实现保存时自动代码格式化：1）文件 ------.>【首选项】---------->【设置】；2）搜索emmet.include;3）在settings.json下的【工作区设置】中添加以下语句："editor.formatOnType": true,"editor.formatOnSave": true4）随便写代码进行测试即可。...

2021-03-19 14:41:58 2123 1

空空如也

有谁用过 kityminder-core 这个组件,它支持vue3吗?