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

  • Vue props中Object和Array设置默认值操作
  • 我就废话不多说,看代码吧~seller: { type: Object, default() { return {} }}seller: { type: Object, default: function () { return {} }}当父组件没有传这个值或者值是空时,输出的...
  • 日期:2022-12-22
  • 浏览:8
  • 标签: Vue

  • Vue执行方法,方法获取data值,设置data值,方法传值操作
  • 方法写在methods中v-on:click='run()'@click='run()'方法获取data中的数据通过this.数据获取方法设置data中的数据通过this.数据=’’设置例如通过this.list=[1,2,3],设置list的值,让页面出循环list可通过 @click='run(...
  • 日期:2022-12-16
  • 浏览:206
  • 标签: Vue

  • vue 虚拟DOM的原理
  • 为什么需要虚拟DOM?如果对前端工作进行抽象的话,主要就是维护状态和更新视图,而更新视图和维护状态都需要DOM操作。其实近年来,前端的框架主要发展方向就是解放DOM操作的复杂性。运行js的速度是很快的,大量的操作DOM就会很慢,时常在更新数据后会重新渲染页面,这样造成在没有改变数据的地方也重新渲染了...
  • 日期:2022-11-17
  • 浏览:44
  • 标签: Vue

  • Vue 自适应高度表格的实现方法
  • 前言示例版本为 Element-ui 2.13.1 + Vue 2.6.11本人是做后台开发的,由于公司业务要求需要将前后台模块进行分离,两年前选择使用vue-element-admin 项目进行前台的开发,该框架集成了很多功能,特别适合对 Vue 很陌生的新手,公司项目组成员接受程度普遍较高。在使...
  • 日期:2023-01-21
  • 浏览:105
  • 标签: Vue

  • vue输入框使用模糊搜索功能的实现代码
  • 实现原理:利用js的 indexOf 方法可返回某个指定的字符串值在字符串中首次出现的位置。模板中的代码<div class='search'><!--输入框使用的是vant的输入框组件--><van-search @input='autoSearch' v-mod...
  • 日期:2023-01-18
  • 浏览:98
  • 标签: Vue

  • 在vue中实现禁止回退上一步,路由不存历史记录
  • 在有些情况下,我们不想往路由里添加历史记录。(vue的项目,vue-router中不想存历史记录)根据vue官网提供的,楼主总结了一下,主要有以下几种方案:根据官网的解释 。声明式路由和编程式路由都是添加新的记录,同时vue还提供了replace来替换路由记录,从而实现路由不存历史记录的情况,以下是...
  • 日期:2022-12-31
  • 浏览:184
  • 标签: Vue

  • vue-video-player视频播放器使用配置详解
  • 本文实例为大家分享了vue-video-player视频播放器的使用配置,供大家参考,具体内容如下1、安装npm install vue-video-player -save2、在main.js中添加import VueVideoPlayer from ’vue-video-player’ // 视...
  • 日期:2022-11-13
  • 浏览:212
  • 标签: Vue

  • Vue单页面应用中实现Markdown渲染
  • 之前渲染 Markdown 的时候, 笔者使用的是 mavonEditor 的预览模式, 使用起来比较爽, 只需要引入组件即可, 但是在最近的开发中, 遇到了困难.主要问题在于作为单页面应用, 站内链接必须是使用 router-link 跳转, 如果使用 mavonEditor 默认渲染的 a 标签...
  • 日期:2022-10-05
  • 浏览:176
  • 标签: Vue

  • Vue Element前端应用开发之常规的JS处理函数
  • 目录1、常规集合的filter、map、reduce处理方法2、递归处理3、forEach遍历集合处理4、Object.assign赋值方法5、slice() 方法1、常规集合的filter、map、reduce处理方法filter函数的主要用途是对数组元素进行过滤,并返回一个符合条件的元素的数组c...
  • 日期:2022-09-29
  • 浏览:88
  • 标签: Vue