qq_37354752的博客

ESLint 的 no-prototype-builtins 规则 解决问题 最近在开发中遇到一个 ESLint 规则问题： obj.hasOwnProperty('key') ESLint 给出错误提示： Do not access Object.prototype method 'hasOwnProperty' from target object. eslint(no-prototype-builtins) 当时没想明白这个规则的设计点在哪里。根据其文字提示“不要从目标对象访问 Object 原型

使用eventBus解决兄弟组件通信问题 问题是有两个兄弟组件，第一个组件显示分类表，第二个组件显示详情表，点击分类表跳转到详情表，此时需要将数据传送过去，因为我的数据是一次性请求的，详情表在children里。 在Category.vue中： <template> <table id="level1-table" class="table table-bordered table-hover"> <thead> <tr&gt

解决行点击与按钮点击冲突 需求是我们在点击行的过程中，会跳转到另一个页面，但实现了行点击的同时，却出现了小问题，点击按钮的时候也会跳转到另一个页面。最开始的主要代码如下: <tbody> <tr v-for="category in level1.slice((currentPage-1)*pagesize,currentPage*pagesize)" :key="category.route" @click="onClickLevel1(category)" :cla

vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要，那么组件之间如何进行数据通信的呢？ 首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式, 就好像过年回家，坐着一屋子的陌生人，相互之间怎么称呼，这时就需要先知道自己和他们之间是什么样的关系。 vue组件中关系说明: 如上图所示, A与B、A与C、B与D、C与E组件之间是父子关系； B与C之间是兄弟关系；A与D、A与E之间是隔代关系； D与E是堂兄关系（非直系亲属） 针对以上关系我们归类为： 父子组

今天在项目的一个组件需要向兄弟组件传数据，所以想到了使用eventBus。 首先，我先建立了一个eventBus.js，代码如下： import Vue from 'vue' const eventBus = new Vue() export default eventBus 然后在需要往外传值的组件中引用eventBus.js： import eventBus from '@/assets/js/eventBus' 在方法中使用$emit往外传值： eventBus.$emit('dataUpdate

Vue 中使用 jQuery 和 Bootstrap 不是特别符合 Vue 原生的写法，但是有时候又要用，所以放上我的引入设置，供大家参考。 在 Vue CLI2.0 中引入 jQuery 和 Bootstrap 需要设置很多配置项，网上有很多方法法，这里不重复写了。直接上 Vue CLI3.0 配置步骤。 第一步：安装 jQuery、 Bootstrap、popper.js依赖。 其中popper.js 用于在 Bootstrap 中显示弹窗、提示、下拉菜单，所以需要引入。 npm install jqu