weixin_45938584的博客

iview组件二次封装

vue九宫格游戏抽奖

初始化Data中定义的属性Object.assign(this.$data.formData,this.$options.data().formData);UI框架props供用到二次封装组件（知识点：props，props，props，listeners）<template> <Table v-bind="$props" v-on="$listeners" stripe> <template v-for="(i, name) in $scopedSlots

第一种<template> <div class='word-box'> <!-- 第一种 --> <svg :width='width' :height='height' @mousemove='listener($event)'> <a href="#" v-for='(tag,index) in tags' :key="index" style="background:red"> <te

效果 3d轮播图 代码<template> <div class="center_contion"> <div class="wrapper"> <div class="box" ref="box"> <div class="ball ball_1" @click="start" :class

<template> <div class="scorll-table"> <table class="table" @mouseenter="enter" @mouseleave="start"> <thead class="thead"> <tr class="thead-tr"> <td v-for="(item,index) in config" :key="index" c

手机号+邮箱校验/(^[\w.\-]+@(?:[a-z0-9]+(?:-[a-z0-9]+)*\.)+[a-z]{2,3}$)|(^1[3|4|5|6|7|8|9]\d{9}$)/vue+element中使用/** * @description 账号校验 */export const account = [ { required: true, message: "账号不能为空", trigger: "blur", }, { type: "string

当前日期之前的日期禁用<el-date-picker v-model="form.startTime" type="date" placeholder="选择日期" :picker-options="pickerOptions"></el-date-picker>data(){retutn{ pickerOptions: { disabledDate(time) { return time.getTime() < Dat

显示传参模式 getimport { useRouter } from 'vue-router'; const router = useRouter(); let skipEdit = (key: string, res: any) => { // 个人需求函数自行省略 router.push({ path: 'editRole', query: { key: key, body: res, }, });

页面多个富文本图片上传问题解决方法1，最简单一种将获取富文本的函数改为箭头函数2，模拟下标 利用 quillIndex的属性模拟下标 <template> <div class="editor"> <!-- 图片上传组件辅助 --> <el-upload ref="img" class="avatar-uploader quill-img" :action="uploadImgUrl"

我遇到的需求时做一个深色主题和浅色主题切换的一个效果方法一 多套css这个方法也是最简单，也是最无聊的<!-- 中心 --><template> 动态获取class名称，进行一个父级class的多次定义 <div :class="className"> <div class="switch" v-on:click="chang()"> {{ className == "box" ? "开灯" : "关灯" }} &lt

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

适配准备安装 (amfe-flexible) 和（postcss-px2rem）1, 安装依赖并在main.js中引入该依赖npm i amfe-flexibleimport “amfe-flexible”2,安装第二依赖npm i postcss-px2rem并在paackage.json中配置此依赖 "postcss": { "plugins": { "autoprefixer": {}, "postcss-px2rem": { "

问题一：如何让三级路由内容显示显示在一级路由页面可以说是我点级二级路由导航的时候是不发生跳转的，但还要去动态的生成面包屑const routes = [{ path: '/', name: 'Home', component: Home, redirect: '/home', meta: { title: "首页" }, children: [{ path: '/home', name: 'homeContent', compon

如何在vue现目中创建的js文件使用element-ui组件个人需求import axios from "axios"const serve=axios.create({ //配置默认地址 baseURL:"https://www.liulongbin.top:8888/api/private/v1", timeout:2000,//求情延迟时间});//请求拦截serve.interceptors.request.use(function (config){

路由钩子参数：to: 即将进入路由的 route 信息from: 离开路由的 route 信息next: 继续执行的函数,没有 next() 的此钩子 会彻底 阻止你 进入下一个路由如果你需要在访问不同路由时候去获取 离开页面 或 者即将进入页面 的动态数据，那么这个地方是个好地方。例子: router.beforeEach((to, from, next) => { console.log(to) console.log(from) if (to.meta.requ

后台管理登录模块的核心思路获取用户输入框的value，对用户的value先进行一个值的校验可以用正则，或ui组件的参数将获取的数据，通过后台接口传参去请求，根据返回数据判断请求是否成功 ，成功让用户登录并存储token。静态布局Element-ui https://element.eleme.cn/#/zh-CN/component/installation 跳转<template> <div class="login"> <div class="con

现在很多的插件如Vant 这类的样式框架，都去兼容了Vue的3.0版本，所以我总结一下如何去简单的搭建一个Vue3.0的框架开始一，如何安装在这里说明一下，Vue脚手架版本，和Vue版本是两个东西怎么看你的Vue的脚手架版本呢cmd 命令行 vue -V注意V为大写Vue CLl 官网安装 npm install -g @vue/cli vue -V //检测一下版本二，如何创建项目1，安装vue create 项目名前面的那些无需打理走个默认的 defau