您的位置:首页技术文章关键词: Vue
文章列表
  • 使用vue打包进行云服务器上传的问题
  • vue中目录最后的vue.config.js文件中第27行的pulicpath改成./src目录下的man.js中30到33行注释掉将目录中的.env.development和.env.production中的改成自己的域名和端口号!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!...
  • 日期:2023-02-04
  • 浏览:286
  • 标签: Vue

  • 简单了解Vue + ElementUI后台管理模板
  • 最近学习和项目都用到了Vue和ElementUI,自己不是专业前端,搞这些UI上的东西还是有些难度,这里推荐两个Vue + ElementUI后台管理模板vue-element-adminvue-element-admin官网介绍vue-element-admin 是一个后台前端解决方案,它基于 v...
  • 日期:2023-01-28
  • 浏览:221
  • 标签: Vue

  • Vue中el-form标签中的自定义el-select下拉框标签功能
  • 页面写死el-select下拉框标签:通过v-for='item in stateArr'绑定,stateArr声明在Vue组件里面的data参数里面代码如下:到此这篇关于Vue中el-form标签中的自定义el-select下拉框标签功能的文章就介绍到这了,更多相关Vue el-form标签 自定...
  • 日期:2023-01-26
  • 浏览:300
  • 标签: Vue

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

  • vue+Element中table表格实现可编辑(select下拉框)
  • 最近在工作中遇到一个问题,需要在表格中实现数据可编辑状态,具体情况是需要在单元格里加入下拉框;并且每个下拉框的数组数据是不一样的,具体是根据当前行前面数据的id查询而来,前面的是数据是动态生成的,后面的下拉框数据也是根据id动态生成的,内容不同;有点类似于树形二级状态,后面的下拉框数据来源并没有在前...
  • 日期:2023-01-19
  • 浏览:217
  • 标签: Vue

  • vue实现购物车列表
  • 本文实例为大家分享了vue实现购物车列表的具体代码,供大家参考,具体内容如下功能: 删除 单选 全选 增加数量 减少数量 计算总价 计算数量 搜索 代码:<!DOCTYPE html><!DOCTYPE html><html> <head>...
  • 日期:2023-01-10
  • 浏览:149
  • 标签: Vue


  • 解决vue无法侦听数组及对象属性的变化问题
  • 一、数组1、可以监听到的情况如push、splice、=赋值(array=[1,2,3])2、无法监听到的情况使用下标修改某个元素(这种比较常见)array[index] = 1object.a = 3直接修改数组lengtharray.length = 53、解决方案this.$set(array...
  • 日期:2023-01-06
  • 浏览:151
  • 标签: Vue

  • Vue 同步异步存值取值实现案例
  • 1.vue中各个组件之间传值1.父子组件父组件?>子组件,通过子组件的自定义属性:props子组件?>父组件,通过自定义事件:this.emit(′事件名′,参数1,参数2,...);2.非父子组件或父子组件通过数据总数Bus,this.root.$emit(‘事件名’,参数1,参数2,...
  • 日期:2022-12-16
  • 浏览:273
  • 标签: Vue

  • vue在App.vue文件中监听路由变化刷新页面操作
  • 在路由跳转时,会出现页面需要重新刷新一遍才能获取数据加载页面,这时添加一个监听器,如果跳转到页面刷新一次。export default { name: ’App’, provide(){ return{ reload:this.reload } }, data(){ return { isRou...
  • 日期:2022-12-07
  • 浏览:478
  • 标签: Vue

  • vue项目开启Gzip压缩和性能优化操作
  • vue 项目开启gzip自拍压缩和部署 nginx 开启gzip优化性能第一步:在vue项目中安装依赖并将productionGzip改为true,开启Gzip压缩:npm install --save-dev compression-webpack-plugin第二步:运行 npm run bui...
  • 日期:2022-11-12
  • 浏览:211
  • 标签: Vue