您的位置:首页技术文章关键词: Vue
文章列表
  • vue使用nprogress加载路由进度条的方法
  • 1、效果图2、安装npm install --save nprogress基本用法NProgress.start();NProgress.done();3、在路由中使用import NProgress from ’nprogress’import ’nprogress/nprogress.css’r...
  • 日期:2023-01-15
  • 浏览:11
  • 标签: Vue


  • vue项目中echarts自适应问题的高级解决过程
  • 虽然老早就看过很多echarts的例子,但自己接触的项目中一直都没有真正用到过,直到最近才开始真正使用,下面这篇文章主要给大家介绍了关于vue项目中echarts自适应问题的高级解决过程,需要的朋友可以参考下
  • 日期:2022-06-09
  • 浏览:118
  • 标签: JavaScript

  • 封装一个vue中也可使用的uniapp的全局弹窗组件(任何页面都可以弹出)
  • 在写uniapp小程序的时候,弹窗提醒经常会用到,虽然弹窗的组件很多,但是通常别人封装好的弹窗组件自定义度不高,很难匹配自己的ui需求,这篇文章主要给大家介绍了封装一个vue中也可使用的uniapp的全局弹窗组件的相关资料,这个组件在任何页面都可以弹出,需要的朋友可以参考下
  • 日期:2022-06-01
  • 浏览:53
  • 标签: JavaScript

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

  • Vue实现Layui的集成方法步骤
  • 前言在写公司项目时,遇到了集成layim实现在线客服的一个需求,经过我的一番折腾后,终于将layui集成了进来,接下来就跟大家分享下我的解决方案,欢迎各位感兴趣的开发者阅读本文:grin:获取layimlayui官方提供了npm的安装方法,我司使用的是layui正版授权的layim,今天在折腾时发现...
  • 日期:2023-01-27
  • 浏览:55
  • 标签: Vue

  • vue实现五子棋游戏
  • 本文实例为大家分享了vue实现五子棋游戏的具体代码,供大家参考,具体内容如下思路1.vue实现五子棋空棋盘开局。画网格:网格有 15 行 15 列,共有 225 个交叉点黑先、白后,交替下子,每次只能下一子胜负判定按照简单的规则,从当前下子点位的方向判断()。如果有一个方向满足连续5个黑子或白子,游...
  • 日期:2023-01-18
  • 浏览:39
  • 标签: Vue


  • vue实现给div绑定keyup的enter事件
  • 摘要:发现给div绑定keyup.enter事件是没有效果的。那该如何实现呢?下面直接上代码吧1、在template中代码2、在created的生命周期中,写一个全局的enter事件这样按下键盘中的enter事件就是有效的了补充知识: vue给div绑定keyup的enter事件实现接电话(结合阿里...
  • 日期:2022-12-21
  • 浏览:42
  • 标签: Vue

  • 在vue中使用回调函数,this调用无效的解决
  • let self = this //使用新变量替换this,以免this无效//updateStudentInfoToServer是一个将本身部分数据异步上传的接口,接收三个参数,其中第一个是数据,第二、三个是函数,第二、三个函数使用function(){}形式书写updateStudentInfo...
  • 日期:2022-12-09
  • 浏览:45
  • 标签: Vue

  • VUE中setTimeout和setInterval自动销毁案例
  • 在Vue的大型单页应用中,在某个路由下,经常会出现需要延迟执行(setTimeout)或者间隔之心(setInterval)的函数,但是每次在页面destroy之前,都必须手动清理掉。正常代码如下:beforeDestroy() { this._timer && clearTime...
  • 日期:2022-11-27
  • 浏览:42
  • 标签: Vue