vue
文章平均质量分 68
CherishTaoTao
这个作者很懒,什么都没留下…
展开
-
vue + nest上传图片到阿里云OSS存储库
记录下之前项目中使用到的使用nest上传图片到阿里云oss的实现方式。同时在服务端签名直传OSS设置回调请求实现功能:前端页面上传图片,获取图片信息。概述:Nest 后端使用 ali-oss,生成临时签名等信息Vue 前端,选择文件后,请求服务器生成签名信息,并携带相关参数上传文件到 OSS 中本文需要对nest以及oss控制台的参数获取熟悉者较为友好只是一个粗糙的代码demo,需要的同学可以直接拿去修改使用需要源代码可评论获取哈(基本上都在上面了)原创 2024-01-21 17:50:32 · 1035 阅读 · 0 评论 -
electron打包时自动修改version版本号
用于在electron-vite总打包自动修改版本号修改内容package.json和nodejs脚本内容。原创 2022-12-01 21:07:08 · 1872 阅读 · 0 评论 -
vue3对antdesign中多行表格的数据进行计算、合并展示
vue3中对antdesign表格中的不同列进行属性计算。利用customRender的属性。原创 2022-11-23 17:02:01 · 929 阅读 · 0 评论 -
antdesign vue中对radio-button多个字段进行属性合并
(该字段只有两个属性,true或者false)。但是此时我要加上并展示另外一个具有关联信息的字段“force_on”原创 2022-11-23 16:50:17 · 389 阅读 · 0 评论 -
Tauri+Vue3创建桌面应用
Tauri+Vue3桌面应用初始化原创 2022-09-15 08:53:38 · 1085 阅读 · 0 评论 -
Vue3+Pinia—购物车实例
传送门点这里借鉴vuex官方例子修改本例子分为视频展示列表与购物车内容展示两个主要模块通过Pinia创建的实例来对商品的状态进行控制借用了vuex官方的例子来改造pinia比vuex轻便很多,不需要操作mutations。原创 2022-08-23 10:23:21 · 666 阅读 · 0 评论 -
Vue3+Pinia的使用
记录Vue3与Pinia的基本用法实现简单的数据状态控制要多思考各个数据逻辑之间的调用关系ts语法注意类型转换storeToRefs可将state中的数据变为响应式数据在模板中直接使用更多内容见注释详解。原创 2022-08-19 17:20:10 · 563 阅读 · 0 评论 -
Vue3使用v-for按需遍历多选框按钮
Vue3setup语法糖v-for按需遍历记录两次数据的diff算法,用来判断是否发起请求按需提取源数据内容遍历。原创 2022-08-11 11:13:19 · 733 阅读 · 0 评论 -
Vue3在setup语法糖下的父子组件传值
vue版本大于>3.2使用setup语法糖简单记录Vue3在setup语法糖下的父子组件传值。原创 2022-08-05 17:57:46 · 1241 阅读 · 0 评论 -
Vue3+Sortablejs对ElementPlus表格内容进行排序
本文介绍使用Vue3结合Element-Plus以及Sortablejs第三方库实现对表格内容进行排序Element-Plus的ElMessage组件在我的环境下不能使用(有可能是和antd冲突)视频链接和提取码: 0t1pdemo较为简单,一些依赖先安装好就基本上可以实现较为注意的是sortable库的使用,可以根据参考链接去修改成自己想要的。.........原创 2022-08-02 17:51:47 · 1913 阅读 · 0 评论 -
修改Element-ui中的Sidebar列表下拉框子项的宽度
vue项目引入element-ui的侧边栏时,当调整sidebar侧边栏大小为180px时,下拉列表子项的宽度会超出(默认为200px)。如图所示:列表的默认样式中的子项宽度未能正确修改成和父级的一样,即 < ul > 下的< li >未能和< ul >保持一样的宽度。1、浏览器F12打开元素选择,点击对应的元素选项:2、找到样式区域,看准配置项:3、根据提示找到路径:4、打开css文件找到对应的配置项:...原创 2022-06-24 09:56:11 · 3338 阅读 · 0 评论 -
Vue中slot的使用(具名插槽与作用域插槽)
本篇文章简单介绍具名插槽及作用域插槽的使用1、插槽就是子组件中的提供给父组件使用的一个占位符,在子组件中用< slot>< /slot > 表示,父组件可以在这个占位符中填充任何模板代码,如 HTML、组件等,填充的内容会替换子组件的< slot>< /slot >标签。(简单来说就是在子组件中挖个坑让别人来跳)2、在 2.6.0 版本之后,slot 以及 slot-scope 由 v-slot 统一替代。3、插槽包括默认插槽、具名插槽和作用域插槽三、具名插槽的使用1.子组件配置slot在子组件中原创 2022-06-14 17:50:31 · 3871 阅读 · 0 评论 -
Vue组件间通信实现原理和方式(父子组件、兄弟组件)
本篇文章在上篇文章——Vue组件嵌套的理解与mixin的使用的基础上进行1.在App中管理着两个兄弟组件student和school组件。Vue组件间通信的三种方式,props,$refs、v-on绑定事件、$emit和全局事件总线$bus。其中,$bus可以实现任意组件间通信传值。......原创 2022-06-14 09:36:51 · 400 阅读 · 0 评论 -
Vue组件嵌套的理解与mixin的使用
一个简单的基于Vue-Cli小Demo,有助于理解组件化思想与mixin的使用。可以看到App下管理着school组件,school组件下有一个子组件student。对mixin的理解:可以把多个组件相同的配置项或者共同使用的东西放在一个js文件中,当需要使用的时候可以通过mixins引入...原创 2022-06-11 10:25:51 · 503 阅读 · 0 评论 -
Vue中使用Mockjs模拟数据显示在Element表格中(带有表格内容搜索功能)
Vue中使用Mockjs模拟数据显示在Element-Ui的表格中,表格带有搜索功能。原创 2022-06-08 15:03:19 · 566 阅读 · 0 评论 -
Vue+Express+Element-Ui对MySQL中的数据进行增删改
Vue+Express+Element-Ui对MySQL中的数据进行增删改操作原创 2022-05-27 17:57:45 · 1129 阅读 · 0 评论 -
Vue+Element-ui+Express+MySQL数据库实现登录跳转功能
本篇文章介绍使用vue+element-ui+express框架,结合MySQL数据库实现简单的登录跳转功能原创 2022-05-15 21:29:27 · 3834 阅读 · 6 评论