vue
文章平均质量分 50
明长歌
。。。。。。
展开
-
创建vite+vue+electron项目
记录创建vite+vue+electron项目流程原创 2023-04-20 21:00:00 · 935 阅读 · 2 评论 -
vue集成three.js FontLoader load 文件404
vue3集成three.js 文件404问题原创 2023-03-14 19:45:00 · 1027 阅读 · 1 评论 -
Arco Design 可编辑表格验证
表单嵌套可编辑表格,表格验证原创 2022-08-04 18:30:00 · 3925 阅读 · 0 评论 -
<component :is=“ “/>动态组件在 el-tab-pane里的应用
element UI 组件-Tabs 标签页-动态生成标签页面嵌套组件原创 2022-07-14 20:45:00 · 2683 阅读 · 0 评论 -
vue-router v-slot及contextmenu
本篇工作总结,如果对您有帮助,看下就行,半公开。请不要转载,当然我写的一般都是很基础的内容,也没什么转载的必要最近写代码过程中遇到了好多的bug和警告,本来写的还不成气候,不太适合记录。可是五一假期实在是太近了,再不记,恐怕假期后会忘光光。所以还是简单记录下吧。代码可能会有错误或疏漏,如有发现,还请指正。下面一段是废话,可以略过。下面我写的后台管理系统的页面标签功能,就是点击导航栏出现页签,点击页签会切换页面。这个后台管理系统大部分的代码都是抄的(咳,借鉴??!)若依的vue2,vue3以及Ar原创 2022-04-28 18:00:00 · 2202 阅读 · 0 评论 -
vue3 使用UI框架reactive数据更新,视图不更新问题
本篇主要记录两个问题,然而这两个问题又都可以对应同一种解法。废话少说,解决方法在最上面。使用reactive定义表单数据,推荐格式如下:const form = reactive({ formData: {//为了保证响应性,一定一定要多包这一层 key1: value, key2: value, }, });一定一定要再多包一层,不然就会遇到一些问题。(⊙﹏⊙)虽然这是一句废话。下面的内容过于基础且本篇只记录bug和解法,想要探求为什么的呢,还请自己去原创 2022-04-15 08:49:28 · 11134 阅读 · 1 评论 -
Vue 3 + TypeScript + Vite项目创建
一、项目搭建1、创建项目前请先确保vue-cli在4.0版本及以上2、创建项目当然如果选择简单模式记得先查看npm版本简单模式:您还可以通过其他命令行选项直接指定项目名称和要使用的模板。vite官网的这句话,我就简单粗暴的理解成简单的搭建模式,命令如下,当然因为npm版本不同,命令略有差异,建议您先查看npm版本npm -v# npm 6.xnpm init @vitejs/app [项目名] --template vue-ts# npm 7+(需要额外的双..原创 2022-04-01 14:24:40 · 841 阅读 · 0 评论 -
Element UI 表格操作列按钮显示不全
bug出现情况:1、页面上存在选项卡2、选项卡上各自有表格3、然后按钮下半部分总会被藏起来一些,如下图所示解决方法:增加样式:::v-deep .el-table__fixed-right { height: 100% !important;}...原创 2022-02-23 10:09:48 · 2156 阅读 · 0 评论 -
element 表单验证-自定义验证(两项有关联)
简单来说,就是表单验证问题。比如货物买入,卖出,卖出的数量不能大于买入的数量的一个验证。代码如下:<template> <div> <el-form :model="from" ref="from" :rules="rule"> <el-form-item label="买入数量" prop="buyAmount"> <el-input-number v-model="from.buyAmount原创 2021-10-28 13:30:14 · 852 阅读 · 0 评论 -
element表格封装2-多级表头、表头合并、行列合并
这次是对上次封装表格的一次升级,增加了多级表头,列合并功能。我将代码和参考文章放在最下面。上面就放一些可能有点重要的废话吧,主要是我的一些总结。可以看看也可以直接滑到下方代码。此次同样只是做个记录,给以后一个方便,因此我也不公开献丑了。如果您能看到,做个参考就行,请勿转载。效果图:总结:关于多级表头,由于代码主要集中在列的位置(尤其是需要递归),因此将表格列单独拿出来封装成了一个组件(MyColumn)。 效果图的第一列也是一个二级表头,此处难点是隐藏二级标题后(display:"no..原创 2021-10-22 14:32:37 · 4267 阅读 · 2 评论 -
VUE proxy代理后台服务器踩坑记录
devServer.proxyType:string | Object如果你的前端应用和后端 API 服务器没有运行在同一个主机上,你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过vue.config.js中的devServer.proxy选项来配置。devServer.proxy可以是一个指向开发环境 API 服务器的字符串:module.exports = { devServer: { proxy: 'http://localhost:...原创 2021-10-13 18:00:37 · 1165 阅读 · 0 评论 -
element表格封装
经过百度和element官网指导以及个人努力,攒了个表格组件,目前适应系统的需求,发表一下,做个记录,因此,就不公开献丑了。MyTable组件页面<!-- MyTable组件 --><template> <div class="myTable"> <el-table :data="tableData" border stripe style="width: 1原创 2021-01-12 16:53:57 · 1675 阅读 · 2 评论 -
vue 组件互想嵌套报错
vue两个组件互相嵌套,你中有我,我中有你,互为对方的父组件和子组件。然后某个组件就会报错:[Vue warn]: Unknown custom element: <组件名> - did you register the component correctly? For recursive components, make sure to provide the "name" option.百度了下,大部分网友都给支招,直接在main.js中注册组件可以破局。然而,我不喜欢这样的方式。。。。。。原创 2021-01-12 14:57:41 · 3646 阅读 · 4 评论 -
vue源码学习随笔二——响应式原理
前言隔离在家没办法出去浪,那就挑战一下源码吧。本篇是我学习Vue源码的记录,可能有错漏,有不足,甚至半途而废,但是无论怎么样,既然开始学习了,那就留下一些痕迹。不足,错漏欢迎指正。响应式对象Vue2响应式的核心是采用ES5 的Object.defineProperty方法,因此Vue不兼容低版本的IE浏览器(IE8及以下)。Object.defineProperty(obj,prop,...原创 2020-03-19 17:31:55 · 316 阅读 · 0 评论 -
vue源码学习随笔一
前言隔离在家没办法出去浪,那就挑战一下源码吧。简单的介绍一下Vue,当前版本2.6.11。为了在编译期尽早发现由类型错误引起的bug,又不影响代码运行(不需要运行时动态检查类型)的情况下,Vue用Flow做静态类型检查,所以在阅读源码前最好先了解一下Flow的相关知识。Flow与TypeScript功能基本一致,了解TS的可以忽略。至于为什么选择Flow而不是TS,大致是由于重构时,Bab...原创 2020-02-26 17:04:22 · 1132 阅读 · 0 评论 -
初探vue响应式
vue2响应式的精髓是defineProperty属性。基础知识获取属性标签:getOwnPropertyDescriptorvar obj={a:1,b:2};console.log(Object.getOwnPropertyDescriptor(obj,'a'));//输出:{value: 1, writable: true, enumerable: true, config...原创 2019-12-31 09:57:04 · 115 阅读 · 0 评论