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

  • Vue封装通用table组件的完整步骤记录
  • 目录前言为什么需要封装table组件?第一步:定义通用组件第二步:父组件与子组件进行render通信第三步:使用组件总结前言随着业务的发展和功能的增多,我们发现不少页面都具备相似的功能,这里举几个比较俗的例子:可以多选的下拉菜单,带输入的对话框,日期选择器等等,于是我们会想办法将这些共有的功能抽取成...
  • 日期:2023-02-10
  • 浏览:256
  • 标签: Vue

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

  • vue+elementUI(el-upload)图片压缩,默认同比例压缩操作
  • 如下所示:这个需求针对用户上传手机拍摄照片等不便修改图片大小的情况,我们允许上传10M以内的图片由前端对图片进行压缩再传给后台存储,结合elementUI的el-upload组件实现图片上传功能(简单来说就是用户是老大)1、提取出压缩方法,放在公共方法.js文件里/** 图片压缩,默认同比例压缩 *...
  • 日期:2022-12-11
  • 浏览:189
  • 标签: Vue

  • maptalks+three.js+vue webpack实现二维地图上贴三维模型操作
  • 我们不是走在坑里就是走在前往坑的路上_(:з?∠)_最终效果如图:(地图上添加一个“三维地图”的toolbar按钮,点击后在二维地图上贴上建好的三维模型点击显示弹框)以下都在已经引入并且初始化maptalks地图的基础上,如何引入使用maptalks可以查看以下文章https://www.jb51....
  • 日期:2022-12-11
  • 浏览:150
  • 标签: Vue

  • 解决vue项目中某一页面不想引用公共组件app.vue的问题
  • Vue 单页面应用 把公共组件放在 app.vue 但是我希望某个页面没有这些公共组件怎么办(比如登陆页面)每个页面都有 导航栏 但是我希望 登陆页面只有一个背景色和一个登陆框 没有导航栏 那应该怎样设置呢?vue中文文档:点击进入在根组件中:在导航栏使用v-show判断当前路由是否是不需要...
  • 日期:2022-12-07
  • 浏览:146
  • 标签: Vue


  • VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
  • 问题现象项目使用vue/cli3脚手架搭建的前端项目,vue版本为2.6.10。browserslist的配置如下:[ '> 1%', 'last 2 versions']但开发环境的IE11打开显示白屏,F12打开显示:分析过程5306行显示 './node_modules/_debug@4...
  • 日期:2022-11-18
  • 浏览:217
  • 标签: Vue

  • vue后台管理添加多语言功能的实现示例
  • 在这家公司一个项目, 需要添加英文版本,就是中英文化了,直接上代码1.首先是main.js页面做配置import VueI18n from ’vue-i18n’Vue.use(VueI18n) // 通过插件的形式挂载const i18n = new VueI18n({ //locale: ’...
  • 日期:2022-09-30
  • 浏览:18
  • 标签: Vue

  • 构建Vue3桌面应用程序的方法
  • 在本文中,我们将研究如何通过 Vite 开发 Vue 3 桌面项目。在项目中会用到 Electron , 一种最流行的框架,可使用Javascript构建跨平台的桌面应用程序。 因此,许多受欢迎的应用程序都在使用Electron,例如VSCode,Slack,Twitch等。先看看要做什么:尽管这只...
  • 日期:2022-09-29
  • 浏览:35
  • 标签: Vue