- 博客(85)
- 收藏
- 关注
RSS订阅原创 yz-image-preview3的中文文档
一款基于vite+vue3+element-ui3的图片预览组件，由element-ui3的el-image改造而来。
2023-07-20 09:33:18
197
原创 vue 获取当前日期的农历（阴历）
安装chinese-lunar-calendarnpm install --save chinese-lunar-calendar<script>import { getLunar } from 'chinese-lunar-calendar'export default { data() { return { getLunarDay: '', year: new Date().getFullYear(), month: new Date().getM
2022-04-28 10:32:10
1368
原创 type=“number“的input输入框不显示后面的那个按钮
css样式控制 input{ &::-webkit-inner-spin-button { -webkit-appearance: none; } }
2022-04-28 10:01:45
670
原创 jquery添加important样式
$("#infoContent").css({ "cssText": "overflow:auto !important;height:250px !important" });
2022-04-27 10:22:50
1782
原创 禁止多次点击选中文字
在开发工程中，有很多功能需要点击，点快了文字就直接选中了，很烦，禁掉他1.js禁用方式<div class="picBox" onselectstart="return false" >屏蔽双击选中文字的区域</div>2.css方式<div class="picBox" style="-webkit-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:n
2022-04-27 10:13:49
510
原创 el-date-picker禁止今日之前的时间
<el-date-picker v-model="value" value-format="yyyy-MM-dd"type="date" :picker-options="pickerOptions"></el-date-picker>pickerOptions:{ disabledDate(date) { return date.getTime() < new Date().getTime() - 86400000 }},
2022-04-26 17:47:42
612
原创 使用element-ui input组件给字体图标绑定点击事件
element中input带图标色示例是这样的 <el-input suffix-icon="el-icon-date" v-model="input"></el-input> <el-input prefix-icon="el-icon-search" v-model="input"></el-input>有时候需要点击图标进行操作 <el-input v-model="input"> <i slot="suffi
2022-04-26 17:26:50
2724
原创 修改Element el-select右边的icon图标
.el-select .el-input .el-select__caret.el-icon-::before { content: "\e790"; position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
2022-04-26 17:21:17
3387
1
原创 禁止文字连续点击选中
很烦吧，连续点击文字就选中了，直接禁止文字选中 -webkit-touch-callout: none; /*系统默认菜单被禁用*/ -webkit-user-select: none; /*webkit浏览器*/ -khtml-user-select: none; /*早期浏览器*/ -moz-user-select: none; /*火狐*/ -ms-user-select: none; /*IE10*/ user-select: none;...
2022-04-13 10:25:40
237
原创 vue element ui validate 主动触发错误提示
this.$refs['form'].fields[0].validateMessage = 'error message'this.$refs['form'].fields[0].validateState = 'error'
2022-04-08 10:27:10
1790
原创 Vue项目中使用el-input,在IOS上点击输入框不聚焦,弹出输入框也无法输入
为了防止在ios上长按(图片或文字)出现选中效果,在全局引入了user-select：none样式,它会影响input，textarea输入框,把该行代码注释掉就好
2022-04-08 09:54:37
1201
原创 vue 直接下载已知的文件
在vue里类似下载模板等功能是可以直接下载的1、把想下载的文件放在public文件夹下2、a标签下载 <a href="./qianziye.docx" download="签字页.docx">下载签字页</a>就可以直接下载了 不谢
2022-04-01 14:11:12
1751
原创 去除 input type=number 的样式
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
2022-02-16 11:46:59
1381
原创 element-table翻页修改index
<el-table-column type="index" :index="indexMethod"></el-table-column> indexMethod(index) { return (this.pageNo-1)*this.pageSize+index+1 }
2022-01-18 10:30:20
599
原创 vue 滚动条回到顶部
在main.js里写入// 跳转后返回顶部router.afterEach((to,from,next) => { window.scrollTo(0,0);})
2022-01-18 10:20:15
1036
原创 vue项目vue-scroll的使用
安装npm install vuescroll --save引入import vuescroll from 'vuescroll'import 'vuescroll/dist/vuescroll.css'Vue.use(vuescroll)使用 <vue-scroll :ops="ops"> <div>内容</div </vue-scroll> data () { return { ops: {
2022-01-17 14:27:38
4036
原创 vue 视频播放 vue-video-player
1、安装npm install vue-video-player --save2、全局引入在main.js 引入import VideoPlayer from 'vue-video-player'import 'vue-video-player/src/custom-theme.css'import 'video.js/dist/video-js.css'Vue.use(VideoPlayer)2、组件内引入import { videoPlayer } from 'vue-video-
2022-01-17 14:14:48
562
原创 Vue中使用FontAwesome 字体图标
1、安装npm install font-awesome --save2、引入在main.js中引入import 'font-awesome/css/font-awesome.min.css'3、使用在标签中 类名 class="fa fa-"
2022-01-17 14:10:28
482
原创 vue项目中使用 ttf字体
1、先下载ttf字体（电脑本就带着部分ttf字体）2、引入 （以隶书举例）在assets 下面建立一个font文件夹，写入一个font.css 文件，并把你下载的ttf文件放入3、font.cssfont-family:'LiSu' //你引入的ttf字体起的名字，当然 叫什么都行4、使用正常用，使用时就是在css里面写入 font-family:'LiSu'...
2022-01-14 08:47:26
982
原创 vue 中 js-cookie 的使用
1、不用多说，先安装npm install js-cookie --save2、不用多说，引入在使用的组件中引入 import jsCookie from 'js-cookie'3、使用设置cookie jsCookie.set('name','张三') jsCookie.set('name','张三',{ expires: 7}) //expires number 数据存几天 也可传入一个Date对象，表示有效期至Date指定时间 jsCookie.set('name','张三
2022-01-13 17:27:00
728
原创 vue-qr二维码插件，vue 生成二维码
vue-qr二维码插件，vue 生成二维码1、安装 npm install vue-qr --save2、组件内引入<template> <vue-qr :text="qrText" :margin="0" colorDark="#000" colorLight="#fff" :logoScale="0.3" :whiteMargin="tru
2022-01-13 17:02:35
258
原创 el-input的回显问题
回显问题，一般解决点击页面不显示的问题el-input 输入却不显示输入的内容change(){ this.$forceUpdate()}
2021-12-24 14:45:15
1967
原创 el-table 分页多选
el-table 分页多选element-ui 的官网是有属性的，当然咱也手写了一套原生多选，这篇说一下官方的属性，因为本人一开始也是不知道的两个要点 row-key="id 和 reserve-selection <el-table @selection-change="handleSelectionChange" row-key="id" > <el-table-column type="selection" re
2021-12-23 17:02:29
969
原创 vue 使用 animate.css
一、安装npm inastall animate.css --save 二、在main.js 中引入import animated from 'animated.css'Vue.use(animated)三、页面使用tempalte <div class="animate-box animate__animated animate__backInLeft" > <!-- 第一个类名是容器的类名;第二个animate__animated为固定的类名,必须要加;第三
2021-12-23 16:54:10
380
原创 vscode git提交代码忽略node_modules
vscode git提交代码时忽略node_modules文件或者其他文件一、无 .gitignore 文件时，在项目文件右键，Git Bash 进入命令行输入touch .gitignore生成gitignore文件二、在文件.gitignore里输入node_modules/dist/此时git再上传时就忽略了node_modules和dist文件...
2021-12-23 16:41:14
5618
1
原创 v-viewer的使用
v-viewer是一个图片放大预览，他可以鼠标滚轮放大和缩小，也可以全屏，上一张下一章首先先安装npm install v-viewer --savemain.js引入import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer)如果你不想显示按钮和图片名称的话，你可以在main.jsVue.use(Viewer, { defaultOptions: { button: f
2021-04-28 16:17:21
4260
2
原创 default-checked-keys 问题
<el-tree :data="data" show-checkbox accordion node-key="code" ref="lookTree" :default-checked-keys="defaultCheckedkeys" :props="defaultProps"> </el-tree> this.$nextTick(() => { this.$refs.lookTree.setCheckedKey.
2021-04-09 13:48:37
1069
原创 vue中使用md5加密
MD5加密，常用来加密密码等，可用来做记住密码功能一、npm install js-md5 -D二、引用1.单页面import md5 from 'js-md5'2.全局在main.js里面// main.js中import md5 from 'js-md5';Vue.prototype.$md5 = md5;在需要使用的页面中this.$md5('加密的东西')MD5不能反向解密！！...
2021-03-23 16:57:09
247
原创 修改对象的键名
const data = [{lable:'xxx'},{lable:'yyy'}]方法：const newData = results.map((item)=>{ return { name: item['lable'], } })
2021-03-23 16:52:51
876
原创 vue在拦截器中使用vue实例（this）
在index.html文件中定义一个变量vm在main.js中之后在拦截器中就可以用window.vm使用vue实例了
2021-03-03 11:55:37
656
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人