文章列表
-
- 在vue项目实现一个ctrl+f的搜索功能
- 这次在项目中遇到了一个要做一个搜索功能，因为项目是vue的，而且是在手机端，所以对这个搜索功能的实现和能做到什么样子都没有底，在网上研究了一会，发现大家的解决方法都各有特色，有引入第三方包的，有遍历的，确实都可以实现，但我觉得在vue中这样的方法也太过繁琐了，于是经过一段时间的查询与思索后我自己写了...
- 日期：2023-02-04
- 浏览：244
- 标签： Vue
-
- vue实现div单选多选功能
- vue实现div单选多选功能，供大家参考，具体内容如下单选单选：多选：单选功能DOM层： <div class='labeloption' :class='{checked:ageActive == 11}' @click='changeStatus(11)'>0-16岁</div...
- 日期：2023-01-07
- 浏览：182
- 标签： Vue
-
- Vue 自适应高度表格的实现方法
- 前言示例版本为 Element-ui 2.13.1 + Vue 2.6.11本人是做后台开发的，由于公司业务要求需要将前后台模块进行分离，两年前选择使用vue-element-admin 项目进行前台的开发，该框架集成了很多功能，特别适合对 Vue 很陌生的新手，公司项目组成员接受程度普遍较高。在使...
- 日期：2023-01-21
- 浏览：144
- 标签： Vue
-
- Vue中computed及watch区别实例解析
- 计算属性computed :1. 支持缓存，只有依赖数据发生改变，才会重新进行计算2. 不支持异步，当computed内有异步操作时无效，无法监听数据的变化3.computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中的数据...
- 日期：2022-12-20
- 浏览：267
- 标签： Vue
-
- vue-路由精讲 二级路由和三级路由的作用
- 1、我们继续上一个案例 vue -- 路由精讲制作导航 -- 从无到有 ，在 about文件夹下 创建一些文件夹。如下：2、编写about.vue代码。当我们点击导航中 “关于我们” ，就会显示该部分内容。代码中写了四个可供点击后可以跳转的模块。和 <router-view></r...
- 日期：2022-12-14
- 浏览：206
- 标签： Vue
-
- Vue+express+Socket实现聊天功能
- 本文实例为大家分享了Vue+express+Socket实现聊天功能的具体代码，供大家参考，具体内容如下实现聊天功能具体功能只是为了实现功能，不对界面进行美化1、输入消息点击发送所有用户可以在下方收到消息2、输入userid后点击连接，可以连接对应的聊天，另外一个界面输入刚刚那个页面的userid后...
- 日期：2022-09-28
- 浏览：312
- 标签： Vue
-
- 浅谈vue实现双向事件绑定v-model的原理
- 目录解释：总结补充与js或者jquery直接改变操作dom不同，vue使用v-model实现数据的双向绑定，它会根据控件类型自动选取正确的方法来更新元素。v-model就是vue的双向绑定的指令，能将页面上控件输入的值同步更新到相关绑定的data属性，也会在更新data绑定属性时候，更新页面上输入控...
- 日期：2023-02-11
- 浏览：264
- 标签： Vue
-
- Vue优化:常见会导致内存泄漏问题及优化详解
- 如果你在用 Vue 开发应用，那么就要当心内存泄漏的问题。这个问题在单页应用 (SPA) 中尤为重要，因为在 SPA 的设计中，用户使用它时是不需要刷新浏览器的，所以 JavaScript 应用需要自行清理组件来确保垃圾回收以预期的方式生效。因此在vue开发过程中，你需要时刻警惕内存泄漏的问题，这些...
- 日期：2022-12-17
- 浏览：213
- 标签： Vue
-
- Vue为什么要谨慎使用$attrs与$listeners
- 前言在 Vue 开发过程中，如遇到祖先组件需要传值到孙子组件时，需要在儿子组件接收 props ，然后再传递给孙子组件，通过使用 v-bind='$attrs' 则会带来极大的便利，但同时也会有一些隐患在其中。隐患先来看一个例子：父组件：{ template: ` <div> <i...
- 日期：2022-12-03
- 浏览：244
- 标签： Vue
网公网安备