vue
可乐KL
这个作者很懒,什么都没留下…
展开
-
表单v-for动态添加的校验,即动态数据项表单验证
【代码】表单v-for动态添加的校验,即动态数据项表单验证。原创 2023-09-21 11:19:17 · 350 阅读 · 0 评论 -
vue 音频播放及停止事件
vue 音频播放及停止事件。原创 2023-08-15 09:56:39 · 517 阅读 · 0 评论 -
Vue signalr 发布订阅
signalr原创 2023-06-07 10:05:29 · 125 阅读 · 0 评论 -
el-tree 如何获取父节点的id
【代码】el-tree 如何获取父节点的id。原创 2023-04-11 16:23:43 · 308 阅读 · 0 评论 -
聊天——拉去历史记录,保持聊天页面静止
聊天——拉去历史记录,保持聊天页面静止。原创 2023-04-06 19:12:32 · 624 阅读 · 0 评论 -
@microsoft/signalr与vue 发布订阅
【代码】@microsoft/signalr与vue 发布订阅。原创 2023-04-03 14:27:41 · 244 阅读 · 0 评论 -
vue 导出excel,合并单元格,修改样式
vue 导出excel,合并单元格,改改样式原创 2022-10-25 13:25:52 · 2765 阅读 · 4 评论 -
el-table中渲染大量el-select组件
el-table原创 2022-10-19 11:14:40 · 236 阅读 · 0 评论 -
使用vant进行rem移动端屏幕适配
1.安装npm i postcss-pxtorem -Dnpm i amfe-flexible或 yarn add2.修改根目录下的postcss.config.js 文件(如果没有这个文件,可以手动添加一份)3.修改根目录下的postcss.config.js 文件module.exports = { plugins: { 'autoprefixer': {}, 'postcss-pxtorem': { rootValue: 37.5, propL原创 2020-09-23 09:31:53 · 506 阅读 · 0 评论 -
使用 vue-echart
使用vue-echart原创 2022-08-01 14:23:25 · 241 阅读 · 1 评论 -
vue 前端预览 word 文件 docx
预览 word 文件原创 2022-06-22 14:50:05 · 740 阅读 · 0 评论 -
正则 密码必须包含大写小字母数字特殊字符
密码正则原创 2022-06-07 11:14:19 · 537 阅读 · 0 评论 -
tinymce 中文包 使用
tinymce 中文包原创 2022-06-07 10:50:14 · 907 阅读 · 0 评论 -
输入框input和textarea文字不一样
文字样式问题原创 2022-06-06 17:05:19 · 305 阅读 · 0 评论 -
vue form表单在输入框中回车,刷新页面
回车刷新页面原创 2022-06-06 13:48:02 · 237 阅读 · 0 评论 -
vue 加载图片不显示
首先图片要放在这里 public/static后期动态加载使用动态图时,路径不写public<img src="../../../static/faces/value.png" style="width:20px; height: 20px;"/>还有就是路径要写对哟~~原创 2022-05-31 14:21:15 · 201 阅读 · 0 评论 -
vue 预览PDF
下载https://mozilla.github.io/pdf.js/getting_started/#download放在这个位置完整代码<template> <div class="pdf"> <iframe :src="pSrc" width="100%" height="100%"></iframe> </div></template><script>export default原创 2022-04-19 15:01:53 · 715 阅读 · 0 评论 -
resetFields 不生效
el-form要设置ref属性,且ref的值与this.$refs[form].resetFields()中的form一致el-form-item要设置prop属性,表单rule验证和resetFields()清除的都是prop绑定的字段还有就是!!!注意大小写问题!:model=“ruleForm” 和 ref=“ruleForm” 大小写必须一致!<el-form ref="userForm" :rules="userRules" :model="userForm" label-wid原创 2022-01-22 20:17:50 · 927 阅读 · 0 评论 -
vue项目发布后,刷新404找不到页面
https://www.iis.net/downloads/microsoft/application-request-routing下载下来,放在服务器上,进行安装建一个web.config文件 (统一的代码,无须变更)<?xml version="1.0" encoding="UTF-8"?><configuration> <system.webServer> <rewrite> <rules>原创 2022-01-06 09:38:54 · 497 阅读 · 0 评论 -
vue v-for 中使用ref
官方文档有说,不可以方法如下循环中的子组件ref 写固定值当你打印ref时,得到一个数组利用索引对子组件进行操作子组件<Audio-User ref="list1_21Ref" @pauseOther="pauseOther('list1_21Ref', i)"></Audio-User><el-form-item label="" class="alcohol" :prop="ele.param"原创 2022-01-05 09:59:54 · 1677 阅读 · 0 评论 -
密码复杂度设置——大小写密码、数字、特殊符号
var regex = new RegExp('(?=.*[0-9])(?=.*[A-Z])(?=.*[a-z])(?=.*[^a-zA-Z0-9]).{8,30}'); if (!regex.test('123456abc')) { alert("您的密码复杂度太低(密码中必须包含字母、数字、特殊字符),请重新输入");}原创 2021-12-29 09:50:34 · 2598 阅读 · 0 评论 -
elementui 日期 移动端 禁止弹软键盘
<el-date-picker :editable="false" :format="yyyy-MM-dd" value-format="yyyy-MM-dd" type="date" placeholder="选择日期"> </el-date-picker>加入 :editable=“false”原创 2021-12-24 09:45:47 · 1152 阅读 · 0 评论 -
elementui plus更换主题颜色——so easy! + i18n 中文
想要一次性更换颜色吗?无需安装任何东西APP.vue 文件中<style lang="scss">:root { --el-color-primary: #15ae6d;}.el-button--primary { --el-button-font-color: #ffffff; --el-button-background-color: #15ae6d; --el-button-border-color: #15ae6d; --el-but.原创 2021-10-12 09:48:24 · 2658 阅读 · 0 评论 -
vue cli3 + ts 打包之后,不显示页面
router.ts中去掉mode: ‘history’,const router = new Router({ // mode: 'history', base: process.env.BASE_URL, routes: [ { path: '/', name: 'login', meta: { title: '登录' }, component: () => import(/* webpackChunkName: "about.原创 2021-03-29 16:47:58 · 447 阅读 · 1 评论 -
【VSCode - Vetur 插件报错】Cannot find module ‘XXX‘ or its corresponding type declarations.Vetur(2307)
https://blog.csdn.net/zimeng303/article/details/113836969原创 2021-03-05 11:44:21 · 6873 阅读 · 0 评论 -
elementui + Vue-Quill-Editor 富文本编辑器(行高、调整图片大小)
安装1、安装 quill-editor quill-image-resize-modulecnpm install vue-quill-editorcnpm install quillcnpm install quill-image-resize-module --savecnpm install quill-image-drop-module --save2.在mian.js中import VueQuillEditor from 'vue-quill-editor'import 'qui原创 2021-03-02 13:39:13 · 2845 阅读 · 3 评论 -
vue 动态数据随机不同背景颜色
<div v-for="ele in websiteList" key="ele.Urlmanagement_id" :style="randomRgb()" > <img src="" alt="" /> <p>{{ ele.Url_name }}</p></div>``randomRgb(item) {let R = Math.floor(Math.random() * 130+110原创 2021-01-26 08:38:31 · 1332 阅读 · 0 评论 -
倒计时 60秒 js
vue页面<button :disabled="waitNum!==''" @click="sendCode">{{authText}} {{waitNum}}</button>jsdata () { return { authText: '获取验证码', waitNum: '', timeLoop: '' }},methods: { sendCode () { this.waitNum = 90原创 2020-11-06 14:58:07 · 221 阅读 · 0 评论 -
vue中eventBus的使用方法
1.建立一个eventBus.ts(或者js文件)import Vue from 'vue'export default new Vue()2.有值的页面import eventBus from 'eventBus'eventBus.$emit('updateName', 值)3.需要传过来值的页面import eventBus from 'eventBus'eventBus.$on('updateName', (e)=>{ //e为此值 this.name = e).原创 2020-09-25 11:14:27 · 263 阅读 · 0 评论 -
vue+element-ui+ts 的复制功能——clipboard
安装npm i clipboard --save npm install --save @types/clipboard //或者yarn add clipboard --saveyarn add @types/clipboard--save在mian.ts中import clipboard from 'clipboard';//在页面中找不到clipboard,有人知道为什么吗?Vue.prototype.clipboard = clipboard;页面中//定义id&l原创 2020-09-23 09:37:20 · 596 阅读 · 0 评论 -
初创vue项目
vue-cli 2.0vue init webpack -simple 项目名称vue-cli 3.0 | 4.0vue create 项目名称启动项目npm run servesrc目录进行调整├─api #接口├─assets #静态资源├─components #公用组件├─directive #指令├─filter #过滤器├─router #路由├─utils #工具函数└─views # 路由级别组件└─App.vue # 根组件└─main.js # 入口原创 2020-09-23 09:36:46 · 66 阅读 · 0 评论 -
vue插槽基础
1.默认插槽(当你只需要插入一处额外的内容)封装组件<template> <div class="bread"> <el-breadcrumb separator="/"> <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> <el-breadcrumb-item> <slot></slo原创 2020-09-23 09:36:15 · 59 阅读 · 0 评论 -
Vue修改、编辑时,撤销修改内容,表格内容不变
// 编辑editHandle (item) { this.dialogEdit = true this.editRow = JSON.stringify(item) this.editData = JSON.parse(this.editRow);}原创 2020-09-23 09:34:08 · 870 阅读 · 0 评论 -
prop中加入过滤器(时间)
1.安装yarn add date-and-timeyarn add @types/date-and-time2.新建utils/index.tsyarn add date-and-timeyarn add @types/date-and-time3.utils/index.ts中import date_format from "date-and-time"function dateformat(time: number) { return date_format.forma原创 2020-09-23 09:32:52 · 456 阅读 · 0 评论 -
ElmentUI全局禁止点击遮罩层关闭el-dialog弹窗
在mian.js里面:import ElementUI from 'element-ui';// 修改 el-dialog 默认点击遮照为不关闭ElementUI.Dialog.props.closeOnClickModal.default = false;原创 2020-09-23 09:30:30 · 327 阅读 · 0 评论 -
i18n国际化 + js-cookie
安装yarn add @types/js-cookieyarn add js-cookieyarn add vue-i18n创建文件@/config/i18n.tsimport VueI18n from 'vue-i18n'import Cookies from 'js-cookie'import Vue from 'vue'Vue.use(VueI18n) // 通过插件的形式挂载const i18n = new VueI18n({ locale: Cookies.原创 2020-09-23 09:29:51 · 270 阅读 · 0 评论 -
vue+ts 内容中关键字高亮显示
1.工具 highlight.ts (单独创建一文件)// 关键词在评论中高亮export class highlight { static getHighlight (concent:string, keyword:string) { let replaceReg = new RegExp(keyword, 'g'); //正则 let replaceString = '<span class="search-text">' + keyword +原创 2020-11-02 16:53:48 · 643 阅读 · 0 评论