qq_44146522的博客

search=word: 在文档中执行搜索，word 是搜索的关键词。// #view=FitH: 将文档调整为适应水平宽度。#pagemode=bookmarks: 设置文档打开时显示书签。#pagemode=none: 设置文档打开时不显示任何导航窗格。// #view=FitH: 将文档调整为适应水平宽度。// #toolbar=0: 隐藏工具栏。#view=FitH: 将文档调整为适应水平宽度。#view=FitV: 将文档调整为适应垂直高度。#view=Fit: 将文档调整为适应屏幕。

vue Element Ui Upload 上传 点击一个按钮，选择多个文件后直接上传，使用防抖解决多次上传的问题。

手机h5应用1，网址浏览器添加到桌面，修改图标。

需求描述：原本的日历组件不是本月的日期是灰色的，且点击后会跳转到对应的月份，现在不想它跳转，需要禁用它的点击事件

说明：密码中必须包含字母、数字、特称字符，至少8个字符，最多30个字符。说明：6至20位，以字母开头，字母，数字，减号，下划线。说明：5-11位数字。

电梯导航也被称为锚点导航，当点击锚点元素时，页面内相应标记的元素滚动到视口。而且页面内元素滚动时相应锚点也会高亮。电梯导航一般把锚点放在左右两侧，类似电梯一样。

html 引入vue Element ui 的方式

Chrome VUE position:absolute，z-index:3000 容器被设置元素position:fixed,z-index:200 的元素盖住了

utilsexport const htmlToPDF = async (htmlId, title = "报表", bgColor = "#fff") => {important'scale: 2,});/*根据自身业务需求 是否在此处键入下方水印代码*/// 填充文字，x 间距, y 间距ctx.fillText('水印名', i, j);} else {3.在目标页面引入方法即可。

重写push和replace方法webSocket页面，但控制台会报很多个这样的警告：Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/webSocket/2"声明式导航：router-linkvue官方已经为编程式导航：组件实例的$router.push ，官方没有做，需要重写push函数重写push和replace方法在router.js里。

VUE2 项目其他配置（浏览器自动打开，eslint校验关闭，src配置别名,路由传参等）

designHeight（可选）：设计稿的高度，默认是 929 ，如果项目以全屏展示，则可以设置为1080。优点：可以动态计算图表的宽高，字体等，灵活性较高，当屏幕比例跟 ui 稿不一致时，不会出现两边留白情况。renderDom（可选）：渲染的dom，默认是 "#app"，必须使用id选择器。参数分别是：设计稿的宽高和你要适配的元素，在vue中可以直接传#app。概述：这名字一听就麻烦，具体方法为获得 rem 的基准值 ，动态的计算。下面的if判断的是宽度固定还是高度固定，当屏幕宽高比小于设计宽高比时，

vue使用富文本编辑器 Wangeditor 可显示编辑新增回显禁用

随着技术的日益发展，web前端技术远比我们想象的强大。浏览器允许网站获取用户设备的电池状态信息，例如电量百分比，剩余电量，充电状态等等。我们可以使用这些信息，根据用户设备的电量调整我们的应用行为。在这篇中，我们将探讨如何在前端中获取电池信息，用到的就是关于。

vue项目使用html2canvas 元素生成图片

vue pc端项目使用rem适配后 Element UI table 高度自适应 px转rem

vue2项目PC端如何适配不同分辨率屏幕

js实现匹配到文字设置为红色

vue3 实现门户网站页面鼠标滚轮控制页面上下滚动---类似轮播图

elementUI步骤条：CSS改变步骤条状态样式，进度条跟随到当前步骤，而不是当前步骤完成了才显示颜色。

1.引入<script type="text/javascript"src="https://webapi.amap.com/maps?v=1.4.14&key=368a9891083b04868fe7ad3f69729b58"></script>2.初始化地图 let that = this; that.map = new AMap.Map('carContainer', { resizeEnable: t...

大家或许都听说EventBus,或者说或多或少都了解过，他可以在任何两个组件中进行传值，不局限于父子、祖孙或是兄弟组件，也可以说他是一种发布——订阅的设计模式。我将使用拆分为五个步骤：创建、引入、监听、递交、销毁1、创建// 创建一个EventBus.js文件// 引入import Vue from 'vue'// 创建实例vueconst EventBus = new Vue()// 导出export default EventBus2、引入 有两种方法...

this.$prompt('请输入分组名称', '编辑分组', { confirmButtonText: '确定', cancelButtonText: '取消', inputValidator (value) { if (value == undefined) { return '分组名不能为空' } else if (value.length == 0) { ...

<el-dialog:lock-scroll="false" :append-to-body="true" ></el-dialog >append-to-body Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true boolean — false lock-scroll 是否在 Dialog 出现时将 body 滚动锁定 boolean — true ...

<div class="preferredinfo"> <el-table :data="primaryOpinionList" v-loading="tableloading" border fit show-summary :summary-method="getSummaries" style="width: 100%" ...

描述：ElementUI有单选触发方式，但所做系统表格中 ，有一列是点击详情，所以需要利用ElementUI多选方式。实现效果如下：将多选改为单选:解决方法一：1. HTML <el-table ref="selectTable" :data="tableData" class="more_btn" v-loading="loading" element-loading-text="拼命加载中，请稍候......" border @selection-change="selectRow"

在项目根目录下增加vue.config.js文件。// vue.config.jsmodule.exports = { lintOnSave: false}

在使用git pull代码时，经常会碰到有冲突的情况，提示如下信息： 1 2 error: Your local changes to'c/environ.c'would be overwrittenbymerge. Aborting. Please, commit your changes or stash them before you can merge. 这个意思是说更新下来的内容和本地修改的内容有冲突，先提交你的改变或者先将本地...

element-ui table表格组件 , 在使用固定左侧列的时候 , 而且只有在数据只有一行的时候 , 经常会出现 这种情况 , 底部出现一根横线 , 谷歌浏览器没问题, ie11 浏览器是这个问题 , 记录一下解决方法 , 设置全局样式 ,.el-table__fixed-right{ height: 100% !important; }记住是加在全局样式上 , 不能加在含有scope的style上不要加在这个里面, 不起作用...

1、必须输入数字且最多4位小数 正数/^\d+(?:\.\d{1,4})?$/if (!reg.test(value)) alert('必须输入数字且最多4位小数')2、必须输入数字且最多4位小数 正负数 可以有+-/^[+-]?\d+(?:\.\d{1,4})?$/if (!reg.test(value)) alert('必须输入数字且最多4位小数')3、必须输入数字且最多4位小数 可以为负数 可以有-/^-?\d+\.?\d{1,4}$/;if (!reg.test(va

在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。Vue自定义指令有全局注册和局部注册两种方式。注册全局指令：通过Vue.directive( id, [definition] )方式注册全局指令。然后在入口文件中进行Vue.use()调用。批量注册指令：新建directives/index.js文件import copy from '....

第一步：cnpm install jsencrypt --dep第二步：src/utils/rsaEncrypt.jsimport JSEncrypt from 'jsencrypt/bin/jsencrypt.min'// 密钥对生成 http://web.chacuo.net/netrsakeypairconst publicKey = 'MFwwDQYJKoZIhvcNAQEBBQADSwAwSAJBANL378k3RiZHWx5AfJqdH9xRNBmD9wGD\n'

1.删除node_modules文件和package-lock.json文件。注意不是package.json（如果删不掉，看下项目是不是打开了，关了再试试）2.在项目下运行npm install3.继续运行npm run dev(这里不一定是dev，要根据自己实际项目中的配置来，就是启动项目就行)问题解决。4.后面如果报需要安装什么插件，再继续安装插件，重启即可。（用npm安装）...

第一步：安装svg-sprite-loadernpm i svg-sprite-loader --save第二步：在components文件夹中，创建SvgIcon文件夹

第一步：下载依赖 npm install --save screenfull第二步：页面中引用import screenfull from 'screenfull'第三步：代码实现 可切<template> <div> <svg-icon :icon-class="isFullscreen?'exit-fullscreen':'fullscreen'" @click="click" /> ..

了解这三个值得意思：(1)滚动条到顶部的位置：scrollTop(2)当前窗口内容可视区：windowHeight(3)滚动条内容的总高度：scrollHeight滚动条到底部的条件即为scrollTop + clientHeight == scrollHeight。但是经测试发现scrollTop + clientHeight会比scrollHeight(滚动条总高度小0.5左右)所以我们把判断滚动条到底的条件改为scrollHeight - (scrollTop + clie

绑定在window上 addEventListener 事件需要 第三个参数设置为true，不然事件不起作用 mounted() { window.addEventListener('scroll',this.handleScroll,true) } methods: { handleScroll(){ let scrollTop = document.body.scrollTop || document.documentElement.scrollTop;

第一步：src新建utils文件夹，再添加index.js文件import { Message } from 'element-ui'const error = (msg) => { Message({ showClose: true, message: msg, type: "error" })}const success = (msg) => { Message({ showClose: true, message: msg

防止快速点击按钮会重复多次调用接口，防止出现这样的情况(全局自定义指令）

第一步：创建方法首先src下新建fillter文件夹，用来存放插件。在fillter文件夹内新建index.js，编写方法/** * 转换时间 */export privatePhone = function(val){ let time = new Date(val).getTime() return time.getFullYear() + '-'+ (time.getMonth() + 1)+'-'+time.getDate()}第二步：在main.js中引入