vue

vue实例的 $on 是注册事件，而 $emit 是调用自定义事件； 实际开发中最常用的就是，父组件传递给子组件一个自定义事件，然后子组件通过 $emit 进行调用； 还有一种情况，当使用 同一个vue实例 注册的事件，无论是在哪个组件中，在该vue实例下都可以通过 $emit 进行调用，这样就可以实现兄弟组件间的通信了； 在 main.js 中添加一个全局vue实例，使每个组件注册和调用事件都使…

运行vue项目发现报错，如图所示： ‘vue-cli-service’ 不是内部或外部命令，也不是可运行的程序或批处理文件。 解决办法：将项目里的“node_modules”文件夹删除（也可以不删），然后重新运行npm install 如果安装了淘宝镜像，可以运行cnpm install。接着进行npm run serve，大功告成！ 版权声明：本文为qq_44333320原创文章，遵循 CC 4…

vue生命周期 什么是生命周期呢，就好像是人有生老病死一样，vue组件也有从创建到消亡的一系列过程。这个过程就叫做vue的生命周期 vue的生命周期可分为三大阶段，每个阶段都有对应的函数，叫做钩子，又被成为钩子函数： 挂载（初始化相关属性） beforeCreate:vue实例刚被创建出来，此时还没有初始化好data与methods属性。 create：data与methods已经初始化，但是还没…

效果图： 点击新增后跳转到新增页面 新增： // 新增 / 修改 addOrUpdateHandle (id) { this.$router.push({ name: 'backUseinfo', params: { id: id, disable: false } }) // this.addOrUpdateVisible = true // this.$nextTick(() => { …

服务器环境： 电信服务器：有网环境，但是访问不了外网，只开放了几个特定的端口，可以进行mstsc远程（但必须外挂环境，你懂的），windows 2012 R2版本（因为Linux不太会，而且距机房太远，怕出问题） 系统： 1、springBoot后台，接口 9000 2、vue_admin_template项目，请求后台接口9000  本身接口8082（项目内已经配置完成，貌似是我自己想多了），打…

一、安装 npm install js-export-excel 二、封装导出excel组件 <template> <div class="downloadExcel"> <el-button type="primary" @click="downExcel()">导出Excel表格</el-button> </div> </tem…

昨天还在写jsp，今天的项目功能要用avue-crud框架实现动态的展示column，包括column中的label与prop,prop还好说，框架的常规操作，但是这个label的动态改变真是头大的要命，翻遍网上的资料，从官网到手册，从百度到必应，无一例外都是介绍crud参数的内容，最终还是边摸索边思考实现了，下面把探索过程全面奉上。 1.其实我这里做的是个统计功能，label列就2列，比较简单，…

前言 最近做练习的时候遇到了记住登录用户信息的需求，我查了一些资料、看过几个人的博客，但是我看到的文章不是有错误就是格式及其糟糕，为此我会将我实现的原理用尽可能通俗易懂的方式告诉大家。 使用的依赖 ant-design-vue js-base64 实现原理 如图所示，我们需要根据用户是否点击记住信息来决定是否保存用户信息； 当用户决定要保存登录信息的时候，我们将使用 cookie 来保存信息，当然…

vue子组件监听父组件数据变化并作出改变（亲测有效） 1. 问题 1.1 封装组件时经常会遇到子组件需要根据父组件数据变化并执行对应的操作逻辑 1.2 监听方法中加了deep、immediate 等参数监听数组/对象还是没有生效 1.3 类型table组件需要根据父组件数据变化对表格数据进行更新 1.4 根据数据动态渲染组件需实时监听父组件变化 1.5 使用$refs 有些时候很难找到嵌套组件的r…