aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

随笔分类 -  前端开发

我是前端开发，平时会收录一些自己工作中碰到的问题，遇到好的我也会搬砖
ele 多选框实现三级联动权限管理
摘要：<template> <el-form label-width="200px"> <el-button @click="aa">点击我打印结果</el-button> <el-form-item v-for="v1 in list" :key="v1.id" style="border-top: 1 阅读全文
posted @ 2021-08-06 13:40 不会么么哒 阅读(221) 评论(0) 推荐(0)
element table 加上了input输入框计算值，总计不发生变化
摘要：input的值输入后，写下面的方法 this.tableData.push({}); this.tableData.pop(); 阅读全文
posted @ 2021-08-06 13:38 不会么么哒 阅读(290) 评论(0) 推荐(0)
前端滑块验证码
摘要：npm i -S zx-verify 新建文件 vabVerify.js import VabVerify from 'zx-verify' import 'zx-verify/dist/zx-verify.css' export default VabVerify 页面模板 <template> 阅读全文
posted @ 2021-08-06 13:37 不会么么哒 阅读(369) 评论(0) 推荐(0)
时间戳与时间互转
摘要：超好用的moment npm install moment --save main.js里面 // 引入moment 日期时间处理器 import moment from 'moment/moment' // 时间过滤器 Vue.filter('moment', function (value, f 阅读全文
posted @ 2021-08-06 13:36 不会么么哒 阅读(118) 评论(0) 推荐(0)
element多个表单，对单个表单进行验证
摘要：this.$refs[formName].validateField('mobile', valid => { console.log(valid) if(!valid) { if (!this.timer) { this.count = TIME_COUNT this.show = false t 阅读全文
posted @ 2021-08-06 13:35 不会么么哒 阅读(391) 评论(0) 推荐(0)
前端实现雪花效果，粒子特效
摘要：<template> <div id="main"> <canvas id="canvas" ref="canvas" style="z-index: 100;position: fixed;top: 0;width: 100%;height: 90%;"> 您的浏览器不支持 HTML5 canva 阅读全文
posted @ 2021-08-06 13:34 不会么么哒 阅读(843) 评论(0) 推荐(0)
Vue Grid Layout - ️ Vue.js 实现工作台的card拖拽效果
摘要：npm install vue-grid-layout --save import VueGridLayout from 'vue-grid-layout'; <template> <div> <grid-layout :layout.sync="layout" :col-num="colNum" 阅读全文
posted @ 2021-08-06 13:33 不会么么哒 阅读(516) 评论(0) 推荐(0)
i18n input验证信息rules不改变
摘要：有两种方式可以解决表单验证更新问题 第一种：通过computed属性 以基础表单为例，代码如下： <template> <div> <el-form :model="form" :rules="rules" ref="form"> <el-form-item :label="$t('form.Nam 阅读全文
posted @ 2021-08-06 13:32 不会么么哒 阅读(174) 评论(0) 推荐(0)
vue+element 制作页签
摘要：https://bhuh12.github.io/vue-router-tab/zh/guide/essentials/#%E8%B7%AF%E7%94%B1%E9%85%8D%E7%BD%AE 当然也可以自己写 我用的Vue Router Tab 阅读全文
posted @ 2021-08-06 13:31 不会么么哒 阅读(284) 评论(0) 推荐(0)
transform标签配合keepalive使用时，画面重叠
摘要：<div class="content"> <transition name="fade-transform" mode="out-in"> <keep-alive :include="tagsList"> <router-view v-if="$route.meta.keepAlive && is 阅读全文
posted @ 2021-08-06 13:30 不会么么哒 阅读(133) 评论(0) 推荐(0)
js处理数组对象中相同字段放到同一个数组中
摘要：var arr=[{name:2,id:3},{name:2,id:4},{name:3,id:5},{name:3,id:6},{name:1,id:1},{name:1,id:2}]; // 传入一个数组// 按照特定方式格式化function sortArr(arr, str) { var _ 阅读全文
posted @ 2021-08-06 13:27 不会么么哒 阅读(3024) 评论(0) 推荐(0)
vue cli3中没有config
摘要：const path = require('path'); const resolve = (dir) => path.join(__dirname, dir); // 给public路径添加别名 module.exports = { publicPath: '/app/', // base目录，等 阅读全文
posted @ 2020-06-11 17:13 不会么么哒 阅读(4288) 评论(0) 推荐(0)
前端vue 用rsa加密传输
摘要：npm加载jsencrypt ，你也可以下载js文件在index引用或者直接引用线上的，不在叙述 npm i jsencrypt -S min.js写入 import JSEncrypt from 'jsencrypt';//引用模块 Vue.prototype.$jsEncrypt = JSEnc 阅读全文
posted @ 2020-06-11 16:51 不会么么哒 阅读(1818) 评论(1) 推荐(1)
前端 rsa 加密解密
摘要：<!DOCTYPE html> <html> <head> <title>javascript非对称加密(RSA)JSEncrypt Example</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 阅读全文
posted @ 2020-06-11 16:46 不会么么哒 阅读(816) 评论(0) 推荐(0)
pc端vue登陆页面加前端数字验证
摘要：<template> <div class="login-container"> <!--<p>首页</p>--> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-position="left" label-width=" 阅读全文
posted @ 2020-06-10 16:34 不会么么哒 阅读(619) 评论(0) 推荐(0)
element + vue 验证精准身份证号
摘要：data () { let idCardValidity = (rule, code, callback) => { var city = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑龙 阅读全文
posted @ 2020-06-10 16:32 不会么么哒 阅读(4563) 评论(0) 推荐(0)
vue实现在线编辑excel
摘要：不支持ie 支持edge 需要ie请换方法 vue不再赘述安装x-data-spreadsheetnpm install x-data-spreadsheet <template> <div id="x-spreadsheet-demo"></div> </template> <script> im 阅读全文
posted @ 2020-06-08 14:01 不会么么哒 阅读(9095) 评论(0) 推荐(0)