写法vue2 vue js
vue3 报错:husky - pre-commit hook exited with code 1 (error)
问题:git 提交不上去 解决方法: "format": "prettier --write \"./**/*.{html,vue,ts,js,json,md}\"", ......
Vue中使用vue-drag-resize实现窗体可拖拽和随意缩放大小
场景 若依前后端分离版手把手教你本地搭建环境并运行项目: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108465662 在上面的基础上,实现弹窗窗体可移动以及随意缩放大小。 效果如下 注: 博客: https://blog.c ......
vue-manager-system前端开发使用
github地址,感谢作者xzfxz开源 https://github.com/xzfxz/vue-manager-system 1. cnpm install 2. cnpm run dev 3. cnpm run build ......
umi-qiankun——子应用vue+element返回主项目react+antdReact,样式丢失问题
参考: [Bug]结合 styled components 使用时 dynamicHeadAppend 存在缺陷 #617 https://github.com/umijs/qiankun/issues/617 qiankun官网 https://qiankun.umijs.org/zh/api/# ......
Vue3 Avue Excel导入导出两种方法
Vue3 Avue Excel导入导出两种方法 1.根据avue官网,直接使用 官网导入导出地址 在index.html里导入包 <!-- 导入需要的包 (一定要放到index.html中的head标签里)--> <script src="https://cdn.staticfile.org/Fil ......
找不到模块“../view/Home.vue”或其相应的类型声明。
环境:vue3+ts 解决办法:在src目录里面添加env.d.ts文件,在文件里贴上 declare module '*.vue' { import type { DefineComponent } from 'vue' const component: ComponentOptions | Co ......
VUE input允许数字 且两位小数
页面: <el-input @keyup.native="onlyNumber()" placeholder="请输入(整数或者小数)金额" v-model="form.ysje"></el-input> 方法: onlyNumber() { this.form.ysje = this.onlyNu ......
kettle引入外部js
// 自带的函数 参数即为js的路径LoadScriptFile("F:/bigdata-etl/user_center_auto/USER/aes.js"); var AESPHONE=PHONE; var decTel=aesDecrypt(AESPHONE, "ksu7gk4H7Gs9362F ......
直播商城源码,JS Date配置日期格式化
直播商城源码,JS Date配置日期格式化 引入js Date配置化diamante Date.prototype.format = function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), //日 ......
0824 学习vue3
node 版本 v16.17.1 1、创建vue项目 命令: 创建vue 项目 1、pnpm create vite 下载依赖 2、pnpm install 运行项目 3、pnpm run dev 4、开启启动项目自动打开浏览器 5、安装代码规范检测插件 5.1 首先安装eslint 命令:pnpm ......
js全选反选 很重要的 很简洁的 必须掌握的
<html> <head> <style> *{ margin:0; padding:0; } table{ border-collapse:collapse; border-spacing: 0; border:1px solid #c0c0c0; width:500px; margin:100p ......
值得推荐的Vue 移动端UI框架
1. Vant(支持Vue3) 是有赞前端团队基于有赞统一的规范实现的 Vue 组件库,提供了一整套 UI 基础组件和业务组件,这是我目前用过最好用的框架。中文文档 | github地址 | 在线预览 2. Mint UI Mint UI 由饿了么前端团队推出的 Mint UI 是一个基于 Vue. ......
Vue【原创】下划线动态效果按钮,一般按钮模式,开关切换模式。
1.lilo-icon-button 一般按钮模式: 1 <template> 2 <div class="icon-button" :style="{ color: font.color }" @click="onclick"> 3 <i :class="[icon.type]" :style=" ......
vuedraggable和vue-fragment冲突导致连续多次拖拽报错问题
项目中使用了vuedraggable实现拖拽功能。同时为了不产生多余标签,引入了vue-fragment。在连续多次拖动之后,总是报错。 解决办法:卸载vue-fragment。如果不想引入多余的标签,可以直接使用<template>,而且<template> 标签是标准的 HTML 标签,更具可移 ......
js去掉字符串中的数字或字母
let str = "123abc"; str.replace(/[a-zA-Z]+/g,""); //去掉字母 str.replace(/[0-9]+/g,""); //去掉数字 参考:https://www.cnblogs.com/webway/p/16198732.html ......
zip.js
function getUrlVar(variable) { var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pai ......
Vue3 中 keepAlive 如何搭配 VueRouter 来更自由的控制页面的状态缓存?
在 vue 中,默认情况下,一个组件实例在被替换掉后会被销毁。这会导致它丢失其中所有已变化的状态——当这个组件再一次被显示时,会创建一个只带有初始状态的新实例。但是 vue 提供了 keep-alive 组件,它可以将一个动态组件包装起来从而实现组件切换时候保留其状态。本篇文章要介绍的并不是它的基本 ......
js获取当前时间
1 $("#current").html(currentDate(true, true)) 2 3 /* 4 type:true(格式:2018年01月01日) 5 false(格式:2018-01-01) 6 isno: true(包含时分秒:2018-01-01 01:01:01) 7 fals ......
JS正则从地址中获取省、市、县
``` var add1 = '四川省西昌市航天路'; var add2 = '北京市北京市东城区前门大街1号' var add3 = '新疆维吾尔自治区乌鲁木齐市天山区中山路479号'; var add4 = '四川省成都市双流县幸福社区23号'; var add5 = '香港特别行政区中西区尖沙 ......
Vue【原创】千位符输入框(不仅只是过滤器哦)
最近和一个做金融的朋友讨论到千位符输入的问题,后来一想貌似自己项目中也会经常碰到金额数字这种输入框,要么自己做一个吧。 首先肯定要有一个正则表达式,也就是过滤器的方案里面常用的正则: 1 filters: { 2 _toThousandFilter(str, that) { 3 return tha ......
使用ant design vue Table组件遇见的问题记录
1.首先是给表格加自增序号 { title: "序号", customRender: (text, record, index) => `${index + 1}`, }, 这样就加上了 2.然后是ant没有key值控制台报错 如果有id或者唯一属性可以把rowkey设置为唯一属性查了一下也不一定是 ......
JSCRIPT 在当前脚本中插入common.js
方法1:在当前文件中读取 //读取公用函数所在的文件 eval(new ActiveXObject("Scripting.FileSystemObject").OpenTextFile("common.js", 1).ReadAll()); 方法2:使用wsf主文件中包含 <job id="main ......
vue中使用SSE
安装依赖包 npm install event-source-polyfill --save 封装方法 SSEClient.js import {EventSourcePolyfill} from "event-source-polyfill"; import { getToken } from " ......
vue 动态路由,按钮权限控制
src/directive/permission/index import Vue from 'vue' import buttonPermissions from './permission' // 注册全局指令 Vue.directive('permiss', buttonPermissions ......
创建web应用程序,React和Vue怎么选?
React和Vue都是创建web应用程序的绝佳选择。React得到了科技巨头和庞大的开源社区的支持,代码库可以很大程度地扩展,允许你创建企业级web应用程序。React拥有大量合格甚至优秀的开发人员粉丝,可以解决你在开发阶段可能遇到的任何问题。 毫无疑问,React是创建跨平台解决方案的最佳框架。V... ......
vue--day69---vuex
1. vuex 是什么 概念:专门在 Vue 中实现集中式状态(数据)管理的一个 Vue 插件,对 vue 应 用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方 式,且适用于任意组件间通信。 2. 什么时候使用 Vuex 1. 多个组件依赖于同一状态 2. 来自不同组件的行为 ......