vue
妙心人
这个作者很懒,什么都没留下…
展开
-
vue3的开发基本配置
一、vite 安装vue3模板 npm create vite@latest二、安装路由 npm install vue-router@4三、安装axios npm install axios四、安装pinia好用的状态管理器,如果不想用可以安装vuex npm install pinia五、安装vueuse这个是一个vue3的Vue Composition api的集合npm i @vueuse/core六、安装你要用的UI组件库比如ant-design-vuenpm原创 2022-02-28 16:18:14 · 1360 阅读 · 0 评论 -
vue3 + Element-plus 表格二次封装
<template> <el-table :data="dataSource" :summary-method="getSummaries" :show-summary="showSummary" :default-sort="defaultSort"> <template v-for="(col,index) in columns"原创 2021-11-15 10:30:13 · 1871 阅读 · 0 评论 -
iview表格简单二次封装
iview表格简单二次封装<template> <Table ref="current" v-bind="$attrs" :columns="columns" :data="dataSource"> <template v-for="item in columns" :slot="item.slot?item.slot:''" slot-scope="{ row, column , index }"> <slot :原创 2021-11-15 10:27:39 · 842 阅读 · 0 评论 -
vite,vue3,javaScript,eslint项目配置
1、安装依赖npm install --save-dev eslint eslint-plugin-vue2、在根目录新建.eslintrc.js 文件module.exports = { root: true, parserOptions: { sourceType: 'module' }, parser: 'vue-eslint-parser', extends: ['plugin:vue/essential', 'eslint:recommended'], env: { b原创 2021-07-20 10:53:24 · 694 阅读 · 1 评论 -
vue3自定义v-resize缩放指令
function mounted(el, binding) { const handler = binding.value const options = { passive: !binding.modifiers?.active } window.addEventListener('resize', handler, options) el._onResize = { handler, options } if (!binding.modifiers?.quiet) {原创 2021-06-10 11:39:36 · 3495 阅读 · 0 评论 -
vue实现动态路由
1、定义路由注册表表(注意定义数据返回不符合要求的数据)// 视图组件const view = { Layout: () => import('@/layouts/Main.vue'), parentView: () => import('@/layouts/parentView'),}// 路由组件注册export const routerMap = { 'demo/home': { title: '首页', component: view.Layout, },原创 2021-05-28 15:47:30 · 2520 阅读 · 0 评论 -
vue实现的一个撤销和恢复功能
使用vue实现得一个撤销和回退功能有三个表格添加不同得数据在点击撤销时删除最后一条添加得数,在点击恢复删除的数据<template> <div style="width:1000px;margin:0 auto"> <Button type="info" @click="handleOk">添加</Button> <Table :columns="columns" :data="datas"><原创 2021-04-14 17:25:26 · 5718 阅读 · 1 评论 -
iview表格底部添加合计行,并可以一条滚动条显示
<template> <div class="merge-box"> <!-- 用一个div把两个表格包裹起来,设置相同的最小宽度并在最外层的div设置overflow-x: auto;x轴滚动条;注意最小宽度是根据表格内容的多少来决定的 --> <div style="min-width:1366px;"> <...原创 2019-08-22 18:53:32 · 4592 阅读 · 4 评论