2024-11-24 厉飞雨 阅读(7) 评论(0) 赞(0)

 [vue](/vuejs/)和[element-ui](/tags/elementUI/)：input输入框自动获取聚集焦点。 有时候会遇到要输入框自动获取焦点的情况，解决如下： {#_lab2_0_0} ### 方法一 {#heading-1} 步骤： 1.在script中写directives,注册一个全局的自定义...

2024-11-24 厉飞雨 阅读(5) 评论(0) 赞(0)

 [vue](/vuejs/) bug分析：vue给对象添加属性没有响应式。 vue2的响应式原理使用的是对象代理去实现的，对象代理中有一个get和set方法，当我们访问对象的时候就会触发get方法，当我们对对象中的值进行修改时会触发set方法。 但是当我们给对象添加一个新的属性时对象代理是检测不到的，所以就会出现直接给对象添...

2024-11-24 厉飞雨 阅读(5) 评论(0) 赞(0)

 夜深了，分享一个[vue](/vuejs/)表单应用。 如果你想在[Vue](/vuejs/)中实现表单验证，可以使用[Vue](/vuejs/)提供的\[vuelidate\](https://vuelidate.js.org/)插件。它是一个轻量级的插件，可以帮助你轻松地实现表单验证。 首先，你需要安装vuelida...

2024-11-24 厉飞雨 阅读(5) 评论(0) 赞(0)

 [Vue](/vuejs/)基础知识：分享"选项式 API 的生命周期选项和组合式API"的应用。 选项式 API 的生命周期选项的变化 {#heading-1} ------------------------------- | Vue2.x | Vue3 | |--...

2024-11-24 厉飞雨 阅读(7) 评论(0) 赞(0)

 今天我们继续分享下[vue](/vuejs/)的基础知识：由浅入深了解组合式API的应用。 在react推出了hook之后，[vue](/vuejs/)也在[vue3](/tags/vue3/)里面添加了组合式API，鉴于这个时间间隔，我有理由认为组合式api和hook还是有一些关系的。不过在我具体的使用中，我并没发现这两个方...

2024-11-24 厉飞雨 阅读(6) 评论(0) 赞(0)

 大家都知道[vue3](/Vue3/)已经发布有一段时间了，大家需要赶紧学习啦，这个是趋向，今天我们分享一个简单的应用：[vue3](/Vue3/)+[elemen-plus](/tags/element-plus/)：简单的表单验证功能（不使用官方的ts）。 大家可以在官方的文档里可以看到验证代码，但是对于不懂[typesc...

2024-11-24 厉飞雨 阅读(7) 评论(0) 赞(0)

 使用vue-resource与vue-cookie实现页面登录，数据存储与后台的数据交互 {#_lab2_0_0} ### 后端交互对vue中contentType，和ajax的contentType区别对待 {#heading-1} ``` this.$http         .post(netUrl, chan...

2024-11-24 厉飞雨 阅读(5) 评论(0) 赞(0)

 [Vue](/vuejs/)应用：了解下拖拽排序组件Vue-Slicksort。废话不多说，直接上干货。 安装 --- ``` npm i vue-slicksort -S ``` 使用组件 ---- ``` <div class="maintenance_img mt50 mb50 pl20 pr20&...

2024-11-24 厉飞雨 阅读(7) 评论(0) 赞(0)

 [vue](/vuejs/)每日Bug：解决"Antd中Form表单的onChange事件中执行setFieldsValue不生效"的问题。 如果在Form表单中onChange事件中，手写了一个setFieldsValue, 则不会生效。 {#_lab2_0_0} 原因 --- Form表单会在手写...

2024-11-24 厉飞雨 阅读(7) 评论(0) 赞(0)

 [Vue](/vuejs/)小应用：[Vue](/vuejs/)实现一个简单搜索功能应用。 在vue项目中，搜索功能是我们经常需要使用的一个场景，最常用的是在列表数据中搜索一个想要的，今天的例子就是我们实现vue从列表数据中搜索，并展示。 ### 功能流程 {#heading-2} 这里我们进行简单搜索功能，搜索逻辑是只要...