Vue
Vue项目、经验、相关配套记录
大鲤余
不畏长松卧壑困风霜,时来屹立扶明堂。故余虽愚卒获有所闻~
展开
-
Vue拖拽hooks简单实现
Vue拖拽hooks简单实现原创 2024-04-27 16:58:23 · 163 阅读 · 0 评论 -
调整图片尺寸像素工具。
调整图片尺寸像素和图片压缩工具。原创 2024-01-16 16:16:41 · 390 阅读 · 0 评论 -
Vue3+Ts+Elementpuls--动态表单(根据配置项,动态生成表单)
Vue3+ts----根据配置项,动态表单代码拿去就能用。原创 2023-12-04 14:31:45 · 3138 阅读 · 14 评论 -
记录一个husky和commitlint的报错以及使用方式
husky配合commitlint校验代码提交规范原创 2023-01-11 10:36:29 · 518 阅读 · 0 评论 -
搭建前端基础vue项目架构
搭建前端基础vue项目架构原创 2023-01-10 13:22:52 · 82 阅读 · 0 评论 -
Vue2简单封装一个分页组件
Vue2简单封装一个可扩展的分页组件。原创 2022-08-22 10:31:16 · 492 阅读 · 0 评论 -
Vue3封装一个穿梭框
Vue3封装一个穿梭框原创 2022-08-05 15:48:58 · 1205 阅读 · 0 评论 -
Vue利用组件递归封装树形组件结构
Vue利用组件递归封装树形组件结构原创 2022-06-25 12:32:31 · 941 阅读 · 0 评论 -
elementui-plus默认英文修改为中文
elementui-plus默认英文修改为中文原创 2022-06-13 07:04:27 · 516 阅读 · 0 评论 -
Vue3 element-plus的el-menu和el-tanbs和el-breadcrumb的联动
Vue3 element-plus的el-menu和el-tanbs和el-breadcrumb的联动原创 2022-06-12 23:04:39 · 3699 阅读 · 3 评论 -
v-model的原理,以及自定义组件使用v-model
v-model的原理,以及自定义组件使用v-model原创 2022-05-20 17:54:53 · 1382 阅读 · 0 评论 -
Pinia中action使用详解
Pinia中action使用详解原创 2022-05-15 17:55:11 · 11487 阅读 · 9 评论 -
Vue3关于reactive数据未回显的问题
Vue3关于reactive数据未回显的问题原创 2022-05-07 18:55:52 · 3103 阅读 · 0 评论 -
elementui-ui 使用多选框修改数据数据更新但视图未渲染
elementui-ui 使用多选框修改数据数据更新但视图未渲染原创 2022-04-27 19:47:38 · 783 阅读 · 0 评论 -
element-ui上传再次点击无效的问题
element-ui上传再次点击无效的问题原创 2022-04-23 17:09:13 · 1504 阅读 · 0 评论 -
Vue刷新页面方式详解
业务需求/问题描述在项目中经常遇到一个问题,例如新增完表单数据和需要重新刷新页面。类似的业务还有很多。这时我们可以考虑的方式如下①(推荐)v-if刷新页面,并依赖注入(不太清楚的小伙伴可以看我之前的文章)//父组件<子组件 v-if='load'>export default{ data(){ load = true }, methods:{ refresh(){ this.load = false this.$nextTick(()=>{ t原创 2022-04-17 21:46:53 · 1958 阅读 · 0 评论 -
V-show失效问题
v-show失效解决原创 2022-04-14 09:18:02 · 592 阅读 · 0 评论 -
Vue过滤器的原理
Vue的过滤器原理梳理原创 2022-04-11 16:10:50 · 697 阅读 · 0 评论 -
element-ui树形控件的数据回显
element-ui树形控件的回显原创 2022-04-06 10:50:08 · 2408 阅读 · 2 评论 -
关于vue2中的注入provide 和 inject
使用场景当组件嵌套过深的时候,可以使注入的方式来让子孙组件获取到父组件provide的内容。父组件通过provide可以做到的什么?父组件可以给子孙组件提供自身的属性//父组件中provide(){ return{ a:'asd' }},//子组件中injecc:['a']data(){ return{ s:this.a parent:this.parentInstance }}父组件提供自身的方法//祖先组件发送请求让子组件收method原创 2022-03-18 20:49:10 · 2705 阅读 · 0 评论 -
Vue虚拟DOM节点本质
理解虚拟DOM中的vnode原创 2021-12-21 21:33:08 · 154 阅读 · 0 评论 -
Vue虚拟DOM
理解Vue.js的虚拟DOM原创 2021-12-21 21:06:38 · 194 阅读 · 0 评论 -
Vue给每个v-for的元素设置不同的点击事件
如何给v-for中的元素绑定各自的点击事件原创 2021-12-21 15:19:44 · 4318 阅读 · 2 评论 -
Vue如何给V-for的某个标签添加样式
Vue中给v-for生成的标签添加不同的样式原创 2021-12-19 19:22:38 · 1869 阅读 · 0 评论 -
Vue-.sync修饰符
.sync实现子组件更改父组件传递的参数原创 2021-12-13 22:16:31 · 262 阅读 · 0 评论 -
Vue-计算属性
Vue详解计算属性原创 2021-12-13 20:50:51 · 493 阅读 · 0 评论 -
Vue——mixin混入
作用混入 (mixin) ,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。总结一句:减少代码冗余使用方法var myMixin = { created: function () { this.hello() }, methods: { hello: function () { console.log('hello from mixin!') } }}原创 2021-12-13 20:36:38 · 102 阅读 · 0 评论 -
Vue-路由中push和replace和go
1.this.$router.push()描述:跳转到不同的url,这个方法会向history栈添加一个记录。我们使用this.$router.back()这个方法的时候可以回退到上一个页面2.this.$router.replace()描述:同样是跳转到指定的url,但是这个方法不会向history里面添加新的记录。因此调用this.$router.back()会返回到目前栈针指向的那条记录。3.this.$router.go(n)相对于当前页面向前或向后跳转多少个页面,类似 window.原创 2021-12-09 22:08:08 · 579 阅读 · 0 评论 -
Vue之路由传参
路由传参的三种参数形式params参数query参数props参数params参数传递方式一(显示参数的方式)①router-link组件的to属性,该参数可以是一个字符串路径,//路由配置{ path: '/child/:keyword',//这里要:变量名,去充当一个占位符 component: Child}//父路由组件<router-link :to="/child/123">进入Child路由</router-link>这里在路径中把12原创 2021-12-09 21:58:43 · 271 阅读 · 0 评论 -
Vue之Filter
Filter过滤器过滤器的作用和使用场景在使用插值表达式的时候,我们通常会有一种需求,就是将数据进行二次的格式化(比如日期的格式化)(再比如服务器给我们的商品的销量是1011000,我们给转化成101.1万的形式)过滤器可以用在双花括号插值和v-bind表达式上(后者从2.1.0+开始支持)。过滤器的个人理解过滤器就像一个工厂对数据进行加工处理。分类全局过滤器和局部过滤器使用方式-全局过滤器通过Vue.filter(‘过滤器名字’,function(value){ })的方式全局过滤器原创 2021-12-09 21:26:35 · 341 阅读 · 0 评论