您的位置:首页技术文章关键词: Vue
文章列表
  • 如何使用Vue的思想封装一个Storage
  • 目录背景功能目的想法来源实现setgetdeletePropertypreventExtensionshas总结背景localStorage、sessionStorage 这两个 API 是我们前端日常开发中的存储的利器, 我们经常会使用它们存储一些数据。我们日常在对他们进行操作的时候,对 loca...
  • 日期:2023-12-12
  • 浏览:235
  • 标签: Vue

  • vue中父子组件传值,解决钩子函数mounted只运行一次的操作
  • 因为mounted函数只会在html和模板渲染之后会加载一次,但是在子组件中只有第一次的数据显示是正常的,所以需要再增加一个updated函数,在更新之后就可以重新进行取值加载,完成数据的正常显示。beforCreate(创建之前)Created(创建之后)beforMount(载入之前)Mount...
  • 日期:2022-12-27
  • 浏览:312
  • 标签: Vue

  • vue 遮罩层阻止默认滚动事件操作
  • 在写移动端页面的时候,弹出遮罩层后,我们仍然可以滚动页面。vue中提供 @touchmove.prevent 方法可以完美解决这个问题<div class='dialog' @touchmove.prevent ></div>如果不是使用Vue的话,可以给body添加over...
  • 日期:2022-12-26
  • 浏览:265
  • 标签: Vue

  • 关于vue的列表图片选中打钩操作
  • 首先 css,美化checkbox样式,这一段代码拿过去可以直接用label { font-size: 25px; cursor: pointer; position: absolute; top: -10px; right: 0px; z-index: 150;} label i { font-s...
  • 日期:2022-11-26
  • 浏览:149
  • 标签: Vue

  • 在vue中实现某一些路由页面隐藏导航栏的功能操作
  • 为了将导航栏显示在每一个页面中,可以将导航栏与<router-view>放在同一级显示,如下:<header> ...</header><router-view></router-view>但是,在某些时候,我们需要隐藏导航栏显示,比如登...
  • 日期:2022-11-19
  • 浏览:111
  • 标签: Vue

  • vue element-ul实现展开和收起功能的实例代码
  • 实现效果如下: 需求:由于后台搜索选项有很多,影响页面美观,所以一进来要隐藏一部分搜索项,只保留1行,点击【展开搜索】按钮的时候才显示全部,点击【收起搜索】按钮又收起部分,保留1行。需求分析:由于不太好控制行数,因为不同屏幕尺寸展示的1行的内容并不相同(不考虑移动端),所以考虑用显示高度来控制。解决...
  • 日期:2022-10-23
  • 浏览:256
  • 标签: Vue

  • vue 导航守卫和axios拦截器有哪些区别
  • 在Vue项目中,有两种用户登录状态判断并处理的情况,分别为:导航守卫和axios拦截器。一、什么是导航守卫?vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。(在路由跳转时触发)我们主要介绍的是可以验证用户登录状态的全局前置守卫,当一个导航触发时,全局前置守卫按照创建顺序调用。...
  • 日期:2022-10-17
  • 浏览:219
  • 标签: IOS


  • 如何让vue长列表快速加载
  • vue-long-list-load,满足特殊条件的长列表加载。支持:1、各个节点高度不同且可自由设定 2、各个节点可修改不影响加载效果 3、可精确的滚动到指定位置。背景有个长列表渲染的需求,本来用vue-virtual-scroll-list的。但是每个节点的高度不一样,用着有点问题。如果也有相应...
  • 日期:2022-10-01
  • 浏览:156
  • 标签: Vue

  • vue 实现拖拽动态生成组件的需求
  • 产品需求开完产品需求会议,遇到了一个需求,首先页面分成两栏布局,左侧展示数据组件,支持拖拽排序,点击按钮清除组件。右侧支持将组件的缩略图拖拽至左侧生成一个新的组件。思路对于动态生成组件来说每一次都要是生成全新的一个组件,那么就可以把 组件放进函数当中 return。在JSX中调用函数,每次调用函数都...
  • 日期:2022-09-30
  • 浏览:330
  • 标签: Vue

  • Vue实现聊天界面
  • 本文实例为大家分享了Vue实现聊天界面展示的具体代码,供大家参考,具体内容如下1.功能需求根据索引选择跟不同的人进行聊天2.代码展示mock.js:import Mock from ’mockjs’Mock.mock('/chatchild',{ ’result’:[{ ...
  • 日期:2022-09-28
  • 浏览:323
  • 标签: Vue