文章列表
-
- 浅谈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 table表格动态添加一列数据,新增的这些数据不可以编辑（v-model绑定的数据不能实时更新）
- 一、问题用elementUi横着增加一行数据没毛病，可以操作添加一列，这新增的这一列， 第一次去赋值的时候值是改了， 但没生效点击下一行时 值就变过来二、原因横向添加 是复制上面的某一条数据来的，因为data里面有这些属性的定义，所以横向添加没问题而纵向添加的数据，因为没有事先在 el-select...
- 日期：2023-01-29
- 浏览：60
- 标签： 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
排行榜
网公网安备