vue组件里定时器销毁问题

  • Post author:
  • Post category:vue

我在a页面写一个定时,让他每秒钟打印一个1,然后跳转到b页面,此时可以看到,定时器依然在执行。这样是非常消耗性能的。如下图所示: 解决方法1: 首先我在data函数里面进行定义定时器名称:  data() {                       return {                                               timer: null  // 定时…

继续阅读 vue组件里定时器销毁问题

actived生命周期_初探 Vue 生命周期和钩子函数

  • Post author:
  • Post category:vue

生命周期 生命周期函数就是 Vue 实例在某一个时间点会自动执行的函数。 简单来说就是好像把人的出生到死亡分成一个个阶段,你取名字肯定是在你出生阶段,而不是在成年阶段;你结婚肯定是在成年阶段,而不是在出生阶段;如果说你在出生阶段想去阶段,那肯定是不行的。 组件也是一样,在实例化的时特定阶段调用特定方法,调用的这个方法就是钩子函数。 钩子函数 钩子函数和回调函数有什么区别吗? 它们区别是: js派函…

继续阅读 actived生命周期_初探 Vue 生命周期和钩子函数

开始全局钩住失败_vue自2.0开始,vue-resource不再作为官方推荐的ajax方案,转而推荐使用axios。…

  • Post author:
  • Post category:vue

vue自2.0开始,vue-resource不再作为官方推荐的ajax方案,转而推荐使用axios。 同时支持浏览器端和服务端的请求。 由于axios的这一特性,vue的 服务端渲染 对于axios简直毫无抵抗力。 让我们一起来读读源码,看看它是如何实现的。 在 axios/lib/core/dispatchRequest.js 文件中暴露的 dispatchRequest 方法就是axios发送…

继续阅读 开始全局钩住失败_vue自2.0开始,vue-resource不再作为官方推荐的ajax方案,转而推荐使用axios。…

vue笔记 day1 nodejs vue安装

  • Post author:
  • Post category:vue

Node.js Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时。 在Node上运行的JavaScript。 安装Node.js 官网: http://nodejs.cn/download/ 1) msi 下一步、下一步安装 2) 解压,配置环境变量安装 注意: 浏览器、官网下载时,出现下载失败的情况: 1)改用迅雷等其他下载工具 2)国内淘宝镜像 http:/…

继续阅读 vue笔记 day1 nodejs vue安装

好用的组件Vue Tags Input 输入框标签

  • Post author:
  • Post category:vue

分享一个好用的输入框标签 找了好久input tags的标签这个算是比较好看并且文档比较全的组件必须分享❤️ 文档地址:http://www.vue-tags-input.com/#/ 然后说一下我根据项目改动的地方和我觉得会比较常用的参数 allow-edit-tags:允许编辑标签,定义标签在创建后是否可编辑。 max-tags:标签数组允许容纳的最大数量 maxlength:允许输入的最大字…

继续阅读 好用的组件Vue Tags Input 输入框标签

vue 实现点击插入输入框_Vue中制作可以插入emoji表情的聊天输入框组件

  • Post author:
  • Post category:vue

一般在网页中见到的文本输入框的添加表情功能都是在用户选定表情后, 在文本域中插入特定的字符代表一个表情, 例如:smile代表一个微笑, 作为用户的我, 体验起来就很不舒适, 我就喜欢QQ聊天框这种, 能够实时能够看到表情在输入框中被渲染出来的效果, 所以在我自己写项目的时候, 直接就把这个功能实现了, 下面讲解我是如何在Vue项目中实现文本域预览emoji表情这个功能的. Emoji表情库 巧妇…

继续阅读 vue 实现点击插入输入框_Vue中制作可以插入emoji表情的聊天输入框组件

vue el-input 自定义样式

  • Post author:
  • Post category:vue

<div class="search"> <el-input v-model="inputSearch" clearable size="small" placeholder="Please enter serial number or product code" prefix-icon="el-icon-search" class="searchBox left" /> …

继续阅读 vue el-input 自定义样式

关于vue移动端项目echarts的使用,点击柱状图触发多次点击事件

  • Post author:
  • Post category:vue

关于vue移动端项目echarts的使用,以及echarts的一次问题记录,点击柱状图触发多次点击事件 echarts的安装 npm install echarts --save(也可以使用cnpm,下载速度更快,附:安装cnpm命令 npm install -g cnpm --registry=https://registry.npm.taobao.org ) 入口文件引入 全局引入 impor…

继续阅读 关于vue移动端项目echarts的使用,点击柱状图触发多次点击事件

vue Cannot find module ‘net’

  • Post author:
  • Post category:vue

浏览器报错 Uncaught Error: Cannot find module 'net' at webpackEmptyContext (eval at ./node_modules/defaultable sync recursive (app.js:3718), <anonymous>:2:10) at Object.workaround_require (defaultabl…

继续阅读 vue Cannot find module ‘net’

【vue】基于vue框架的圆形进度条ProgressBar

  • Post author:
  • Post category:vue

最近在做一个移动端的项目,使用了京东开发的UI框架NutUI,官网地址: http://nutui.jd.com/#/index ,统一的京东式电商风格,组件丰富度一般,没有Grid,没有Panel,写一些基础样式还是可以的,但是bug挺多的,没耐心的建议谨慎入坑。 有一个需求展示模型得分,当时决定用圆形进度条来表现,官网给的demo如下: 但是在本地开发中,浏览器进行模拟调试的时候,显示一切正常…

继续阅读 【vue】基于vue框架的圆形进度条ProgressBar