开源项目整理
摘要：开源项目整理 01)RuoYi 若依 若依Vue3版本前后端地址: https://github.com/yangzongzhuan/RuoYi-Vue3 https://gitee.com/y_project/RuoYi-Vue
阅读全文
posted @ 2023-01-05 19:30
随笔分类 - Vue3
Vue3
Vue2和Vue3使用vue-print-nb实现打印功
摘要：Vue2和Vue3使用vue-print-nb实现打印功 Vue2使用vue-print-nb实现打印功Vue3使用vue3-print-nb实现打印功 Vue2 Vue2.0版本安装方法： npm install vue-print-nb --save // 1. 全局挂载 import Prin
阅读全文
posted @ 2022-12-22 21:55
Vue3+vite+js 配置别名@报错
摘要：Vue3+vite+js 配置别名@报错 vue3项目中配置vite.config.js时使用path模块报错,一直警告找不大到path模块 原因：path模块是node.js内置的功能，但是node.js本身并不支持ts解决方案：安装@types/node npm install @types/n
阅读全文
posted @ 2022-08-28 12:05
uniapp 使用Vue3 setup组合式API 引入 uniapp 的 页面生命周期
摘要：uniapp 使用Vue3 setup组合式API 引入 uniapp 的 页面生命周期 <template> <view class="content"> <image class="logo" @click="handleFei" src="/static/logo.png"></image>
阅读全文
posted @ 2022-08-23 00:10
Vue3中ref通过ref获取真实DOM元素
摘要：Vue3中ref通过ref获取真实DOM元素 ref 的另一个作用,获取页面元素的 innerHTML获取 vue 页面内容转为 html 格式Vue3 如何通过ref获取真实 DOM 元素 <div ref="feiRef" class="print-test"> <p class="title"
阅读全文
posted @ 2022-08-22 17:20
vue.ps1 报错
摘要：XXX_fei 这个根据自己电脑情况而定 vue : 无法加载文件 C:\Users\XXX_fei\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本，这样的问题，需要使用管理员权限打开，然后输入下面的指令：set-ExecutionPolicy RemoteSig
阅读全文
posted @ 2022-08-22 12:31
vue ui 报错
摘要：vue ui 报错 vue图形界面创建项目报：GraphQL error: Cannot return null for non-nullable field Mutation.projectCreate，解决方法 1、删除C:\Users\fei\AppData\Roaming\npm-cache
阅读全文
posted @ 2022-08-22 12:04
Vue3 在 Element-plus中 v-model, update:modelValue 线上环境报错
摘要：Vue3 在 Element-plus中 v-model, update:modelValue 线上环境报错 modelValue is not defined,在本地开发环境没有问题 01)错误场景复现 <template> <!-- 父组件--> <div class="fei-parent">
阅读全文
posted @ 2022-08-10 15:55
Vue3 之组件 v-model
摘要：Vue3 之组件 v-model 在 3.x 中，自定义组件上的 v-model 相当于传递了 modelValue prop 并接收抛出的 update:modelValue 事件： 父组件 <template> <!-- 父组件--> <p> 在 3.x 中，自定义组件上的 v-model 相当
阅读全文
posted @ 2022-08-03 00:22
element-ui 之 Form-Item 插槽使用
摘要：element-plus 之 Form-Item 插槽使用 <el-form> <el-form-item> <template #label> 自定义label飞: <!--<el-popover placement="top" :width="50" trigger="hover" conten
阅读全文
posted @ 2022-08-01 19:40
element-ui 之 表单验证规则
摘要：element-ui 之 表单验证规则 const rules = { role: { type: 'enum', enum: ['admin', 'user', 'guest'] }, data: [{type: 'date', required: true, trigger: 'change',
阅读全文
posted @ 2022-07-26 20:17
element-ui 之 select 获取key和label
摘要：element-ui 之 select 获取key和label element 获取下拉框的key和label, 个人理解: 这东西做的官方做的思考不全 01)使用循环 02) 使用 proxy.$refs 获取 <template> <div> <h3>下拉框 获取key和label</h3> <
阅读全文
posted @ 2022-07-26 15:21
Vue3中常见传值方式
摘要：Vue3中常见传值方式 Props 方式 <template> <!-- 父组件--> <Bar :msg="'prop传值'"/> </template> <script setup> import Bar from './bar.vue' </script> <template> <!-- 子组
阅读全文
posted @ 2022-02-25 10:00
Vue3 element-plus 简单表单使用
摘要：Vue3 element-plus 简单表单使用 <template> <el-form ref="formRef" :model="form"> <el-form-item label="商品名称" prop="goodsName"> <el-input v-model="form.goodsNa
阅读全文
posted @ 2022-02-02 02:11
Vue3 antdv 简单表单校验
摘要：Vue3 antdv 简单表单校验 <template> <a-form ref="formRef" name="custom-validation" :model="formState" v-bind="layout" > <a-form-item has-feedback label="aaaa
阅读全文
posted @ 2022-02-02 01:49
Vue 关闭 eslint 在 vue.config.js 文件中
摘要：Vue 关闭 eslint 在 vue.config.js 文件中 module.exports = { lintOnSave: false, // 关闭 eslint 检查 } 所有配置项参见之前文章 vue.config.js 所有配置
阅读全文
posted @ 2021-12-15 14:42
Vue3 简单使用
摘要：Vue3 简单使用 引入 vue.global.js 后开始用 Demo_1 <div id="app"></div> <script src="./vue.global.js"></script> <script> const app = Vue.createApp({ setup(propos,
阅读全文
posted @ 2021-07-26 14:09
