随笔分类 - Vue的学习
摘要：要做大屏项目，为了各个细节都充满炫酷的感觉，鼠标的样式也要修改一下，自定义成自己想要的样式。 1、先上效果图，两种展示方式 实现这个效果首先要创建在目录下创建一个styles文件夹，里面分别包括common.css、common.scss、custom-cursor.scss。 1、common.c
阅读全文
摘要：一、vue3适配大屏的，创建一个叫 useDraw.js export default function () { const scale = { width: '1', height: '1', } const baseWidth = 1920 const baseHeight = 1080 co
阅读全文
摘要：1>先把字符串转码 let data = encodeURI(要转化的值) 2>接下来替换掉 空格 data = data .replace(/%C2%A0/g,'%20'); 3>再转回来就ok了 data = decodeURI(data);
阅读全文
摘要：一、下载pdf时 使用 a 链接的 download 方法 调用：this.downloadFile_2('文件名','url链接') 本地无法下载的话，可以试试放到线上 文件名要加 .pdf 后缀 //fileName是pdf名称 、filePath是pdf地址 downloadFile_2(fi
阅读全文
摘要：data () { return { // 用于保存防抖的定时器 timeout: null, } } methods: { // 防抖函数 debounce (fn, delay) { if (this.timeout) { clearTimeout(this.timeout) } this.ti
阅读全文
摘要：1.验证只能输入数字 value.replace(/[^\d]/g,'') 2.验证只能输入数字和小数，小数且只能输入2位，第一位不能输入小数点 value.replace(/[^\d.]/g, "").replace(/\.{2,}/g, ".").replace(".", "$#$").repl
阅读全文
摘要：<template> <el-table :data="tableData" @row-click="rowClick" row-key="id" :expand-row-keys="expands" style="width: 100%" > <el-table-column type="expa
阅读全文
摘要：<template> <div class="filter_country"> <div class="checkbox_text">选择国家(可多选)</div> <div class="checkbox_text_right"> <div class="country_flag"> <div c
阅读全文
摘要：比如我们要引入一个名叫 “men.js”的外部js文件 <template> <div></div> </template> <script> const menu = require("./menu"); //在此处引入js文件 export default {}; </script> <styl
阅读全文
摘要：通过 this.$store.commit("checkLayout", 要存储的数据); 在需要监听的页面 watch: { "$store.state.secret"() { console.log("获得" + this.$store.state.secret); }, }, 在vuex中定义
阅读全文
摘要：<template> <div style="color: white"> <div>关键词组：</div> <div class="add-input" v-for="(item, index) in updataData" :key="index"> <div style="flex: 1">
阅读全文
摘要：<template> <div> <div style="color: red" @click="minus">-</div> <el-date-picker v-model="FullTime" type="date" placeholder="选择日期时间" align="right" date
阅读全文
摘要：<template> <el-date-picker v-model="FullTime" type="date" placeholder="选择日期时间" align="right" dateFormat="yyyy-MM-dd" minView="month" value-format="yyy
阅读全文
摘要：//获取时间 getTime() { var getNowDate = new Date(); //获取当前日期时间 const nowYear = getNowDate.getFullYear(); let nowMonth = getNowDate.getMonth() + 1; let now
阅读全文
摘要：HTML部分：<span v-show=“show” @click=“getCode”>获取验证码 话不多说直接上干货 1 ```<span v-show="show" @click="getCode">获取验证码</span> 2 <span v-show="!show" class="count
阅读全文
