![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
白菜酱
这个作者很懒,什么都没留下…
展开
-
vue3+element-plus 列表查询条件/筛选条件 组件简单封装
写后台管理的时候会有很多列表以及相应的条件查询,所以就想封装成为组件,就不需要每个页面写一堆的代码,直接循环出来,拿出数据就OK了。原创 2022-08-25 17:13:17 · 5051 阅读 · 2 评论 -
vite+vue3+mock 简单数据接口
写一些纯前端的项目时,自己造数据有些麻烦,于是我们可以利用mock造一些简单的数据,来满足我们的需求。1.导入依赖yarn add mockjs --save-dev2.配置vite.config.tsimport { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'import { viteMockServe } from 'vite-plugin-mock'export default defineConfig原创 2022-05-24 17:19:35 · 812 阅读 · 0 评论 -
vue3 element plus动态添加图标
elementicon 直接使用类名就可以实现<i class="el-icon-edit"></i>element plusicon 变成直接使用svg图片,当我动态的时候渲染时,就需要用到 vue3 的 :is//单一固定的<el-icon><apple /></el-icon>** 新的 attribute :is**:is 动态使用组件。有的时候你可能需要 Vue 将一个原生元素替换为一个 Vue 组件,这时你可以把原创 2022-05-09 11:25:20 · 2448 阅读 · 0 评论 -
element-plus 表单验证
表单验证是使用率比较高的,和之前element版本也有些差别。<template> <el-form ref="ruleFormRef" :model="ruleForm" status-icon :rules="rules" label-width="120px" class="demo-ruleForm" > <el-form-item label="Password" prop="pass">原创 2022-04-26 14:45:20 · 5032 阅读 · 4 评论 -
vue 全局节流
我在网上找了两种节流方法** $on 在main.js 填入即可**const on = Vue.prototype.$onVue.prototype.$on = function (event, func) { let previous = 0 let newFunc = func if (event === 'click') { newFunc = function () { const now = new Date().getTime() if (pr原创 2022-04-19 11:13:34 · 306 阅读 · 0 评论 -
vue3 +HTML5 拖放排序
1.数据let lists = reactive(["1.猪头", "2.李白", "3.杜甫", "4.豆腐"]);2.循环样式<div v-for="(item, index) in lists" :key="item" class="dome-box ml20" @dragstart="dragStart($event, index)" @dragenter="dragenter" @dragover="allowD原创 2022-04-06 17:15:27 · 745 阅读 · 0 评论