
vue
文章平均质量分 61
呆呆bg
时光短暂
展开
-
Monaco-Editor配置
【代码】Monaco-Editor配置。原创 2022-08-25 10:27:03 · 2725 阅读 · 1 评论 -
物联网可视化大屏
一个基于 vue、Echart 框架的大数据可视化(大屏展示)自适应模板原创 2022-05-05 11:05:52 · 4527 阅读 · 2 评论 -
代码规范(记录使用)
二、开发规范2.1 组件规范1) Prop 定义应该尽量详细● 必须使用 camelCase 驼峰命● 必须指定类型● 必须加上注释,表明其含义● 必须加上 required 或者 default,两者二选其一● 如果有业务需要,必须加上 validator 验证正例:props: {// 组件状态,用于控制组件的颜色status: {type: String,required: true,validator: function (value) {return [ ‘succ’原创 2022-04-01 15:18:25 · 282 阅读 · 0 评论 -
vue2的 vuex 模块化引入 require.context
store的index.js文件中:Vue.use(Vuex);const modulesFiles = require.context('./modules', true, /\.js$/)const modules = modulesFiles.keys().reduce((modules, modulePath) => { const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1') const value = mod原创 2020-11-25 09:52:31 · 736 阅读 · 0 评论 -
vue2与vue3打包大小与文件对比
用的vue-cli 4.5.0做的测试首先是打包文件 图1 vue2 看到各个文件大小 图2 vue2 看到打包后文件与路由关系#### vue3 看到各个文件大小原创 2020-11-03 09:03:51 · 1952 阅读 · 0 评论 -
element 手机号 身份证 邮箱验证
phone: [ { required: true, message: "请输入手机号", trigger: "blur" }, // 这个只能验证手机号 // { pattern:/^0{0,1}(13[0-9]|15[7-9]|153|156|18[7-9])[0-9]{8}$/, message: "请输入合法手机号", trigger: "blur" } { pattern:/^((0\d{2,3}-\d{7,8}...原创 2020-10-13 09:27:48 · 370 阅读 · 0 评论 -
vue3 reactive ref getCurrentInstance watch 与生命周期 (简单todolist)
<template> <div class="user_list"> <p>{{aa}}</p> <p>{{userlist.adddata.name}}</p> <p>{{num}}</p> <input type="text" v-model="userlist.adddata.name"> <input原创 2020-10-12 21:14:51 · 5078 阅读 · 0 评论 -
vuecli4手机端 px自适应配置 (px转rem)
npm install amfe-flexible --Snpm install postcss-pxtorem --S在vue.config.js里面配置 ;如果没有这个文件夹在根目录下面创建一个module.exports = { css: { loaderOptions: { postcss: { plugins: [ require("autoprefixer")({ // 配置使用原创 2020-08-19 16:08:38 · 411 阅读 · 1 评论 -
vuecli4 vue3.0改变路径为hash路径
history: createWebHashHistory(process.env.BASE_URL), hash 路由createWebHistory history 路由createMemoryHistory 带缓存 history 路由parseQuery 查询参数反序列化stringifyQuery 查询参数序列化onBeforeRouteLeave 路由离开钩子作者:直立猿链接:https://www.jianshu.com/p/2b7001c0b6e0来源:简书著作权归作者转载 2020-08-19 16:05:17 · 2562 阅读 · 0 评论 -
vue导出word(vue-cli3)
安装四个依赖 npm install docxtemplater jszip-utils jszip FileSaver --S创建一个world模板 目录放在 public里面模板样式引入import FileSaver from 'file-saver';import docxtemplater from 'docxtemplater';import JSZipUtils from 'jszip-utils';import { saveAs } from 'file-saver转载 2020-07-02 17:00:24 · 750 阅读 · 0 评论 -
element table max-height问题
第一步:utils目录下创建一个文件为directive,新建auto-height.js文件,export default {componentUpdated(el, binding, vnode) {const ctx = vnode.context;if (!ctx || typeof ctx[binding.arg] === 'undefined' || ctx.autoHeightResizeListenner) return; ctx.autoHeightResizeLis转载 2020-05-27 09:21:55 · 3312 阅读 · 2 评论 -
element tree 树状图根据条件是否显示多选框
看过一些网上的,修改样式只让最后一层显示多选框但是这不是我想要的结果 我要要根据后台传过来的数据来判断是否显示多选框;首先 第一步 把 node_modules 里面的 element tree 复制出来 到自己src 路径下面,第二步 在el-checkbox 标签里面的 v-if加入自己的判断条件,要判断哪个值 就写 node.data.*** ,第三步 vue的rend...原创 2020-01-14 16:25:24 · 1250 阅读 · 0 评论 -
js,jsvascript常用正则表达式(邮编,文件压缩,多余空格,电子邮件,手机,身份证,中文,日期,6-16位数字字母 两者结合)
常用正则表达式//常用正则表达式 //检查邮政编码//共 6 位数字,第一位不能为 0 /^[1-9]\d{5}$/ //检查文件压缩包 //xxx.zip\xxx.gz\xxx.rar /^\w+\.(zip|gz|rar)$/ //删除多余空格 // str.replace(/\s/g,''); //删除首尾空格 str.replace(/^\s+/,''); s......原创 2019-08-28 18:52:54 · 771 阅读 · 0 评论 -
Vue回到顶部
哪个区域块需要回到顶部,也就是哪个区域块有滚动条 加上 绑定ref 与@scroll.passive=“getScroll($event)” <ul class="list_wrap" ref="top" @scroll.passive="getScroll($event)">创建并修饰 自己回到顶部 我这里用的vant框架的 组件绑定click事件 或者 v-t...原创 2019-11-02 19:42:42 · 654 阅读 · 0 评论