您的位置:首页技术文章关键词: Vue
文章列表
  • 浅谈vue实现双向事件绑定v-model的原理
  • 目录解释:总结补充与js或者jquery直接改变操作dom不同,vue使用v-model实现数据的双向绑定,它会根据控件类型自动选取正确的方法来更新元素。v-model就是vue的双向绑定的指令,能将页面上控件输入的值同步更新到相关绑定的data属性,也会在更新data绑定属性时候,更新页面上输入控...
  • 日期:2023-02-11
  • 浏览:284
  • 标签: Vue

  • vue相关配置文件详解及多环境配置详细步骤
  • 1.package.json作用:package.json 文件其实就是对项目或者模块包的描述,里面包含许多元信息。比如项目名称,项目版本,项目执行入口文件,项目贡献者等等。npm install 命令会根据这个文件下载所有依赖模块。文件结构如下:{ 'name': 'sop-vue', 'vers...
  • 日期:2023-01-20
  • 浏览:43
  • 标签: Vue

  • vue数据更新UI不刷新显示的解决办法
  • vue比较常见的坑就是数据(后台返回)更新了,但是UI界面并没有更新,常见于以下情况:一、数据为数组时1.通过数组索引修改数组元素例如:此时UI数据并不会刷新2.修改数组长度时:解决方案:如果data为JSON数组则如下:第一个参数为要更新数据的数组,第二个参数为要更新的数组中具体的元素下标,第三个...
  • 日期:2022-12-14
  • 浏览:269
  • 标签: Vue

  • 解决vue刷新页面以后丢失store的数据问题
  • 刷新页面时vue实例重新加载,store就会被重置,可以把定义刷新前把store存入本地localStorage、sessionStorage、cookie中,localStorage是永久储存,重新打开页面时会读取上一次打开的页面数据,sessionStorage是储存到关闭为止,cookie不适...
  • 日期:2022-12-09
  • 浏览:167
  • 标签: Vue

  • Vue 数据响应式相关总结
  • 在说数据响应式之前,我们要解决一个很重要的问题,那就是Vue到底对data做了什么?先从getter和setter说起,我们用那个他们来对虚拟的属性进行读写。getter和setter有如下代码let obj0 = { 姓: '高', 名: '圆圆', age: 18};// 需求一,得到姓名let...
  • 日期:2022-10-08
  • 浏览:45
  • 标签: Vue

  • Vue封装一个TodoList的案例与浏览器本地缓存的应用实现
  • 本文主要介绍了Vue封装一个TodoList的案例与浏览器本地缓存的应用实现,分享给大家,具体如下:使用Vue封装一个简易的Todolist的小案例. 同时加入了浏览器本地缓存的技术手段.浏览器本地缓冲: 前提: 一般我们定义的变量,或者用Vuex保存的数据, 当浏览器进行了一个刷新 那么这个...
  • 日期:2022-09-30
  • 浏览:95
  • 标签: Vue


  • vue项目中自定义video视频控制条的实现代码
  • 最近公司项目中,添加了视频模块,但是产品觉得Video自带的控制条有点LOW,于是自己设计了一个。于是开始了自定义Video控制的采坑之旅。。首页效果图:需求描述:当鼠标放在图片上的时候,自动播放视频,并显示预览进度条,当鼠标移开,显示预览图片,再次hover图片,继续上次播放视频详情页的效果图: ...
  • 日期:2023-01-24
  • 浏览:211
  • 标签: Vue

  • vue各种事件监听实例(小结)
  • 计算属性的Get方法和Set方法看代码说话:<!doctype html><html><head><meta charset='utf-8'><title>vue小练习</title></head><body&...
  • 日期:2023-01-11
  • 浏览:278
  • 标签: Vue

  • 解决Vue @submit 提交后不刷新页面问题
  • 我就废话不多说了,大家还是直接看代码吧~<form @submit='add'><!-- 表单 --></form> add: function(e){ // 阻止页面刷新 e.preventDefault(); // 逻辑代码 },补充知识:@sub...
  • 日期:2023-01-05
  • 浏览:59
  • 标签: Vue