vue
黄猿007
这个作者很懒,什么都没留下…
展开
-
ESLint 的 no-prototype-builtins 规则
ESLint 的 no-prototype-builtins 规则解决问题最近在开发中遇到一个 ESLint 规则问题:obj.hasOwnProperty('key')ESLint 给出错误提示:Do not access Object.prototype method 'hasOwnProperty' from target object. eslint(no-prototype-builtins)当时没想明白这个规则的设计点在哪里。根据其文字提示“不要从目标对象访问 Object 原型转载 2020-11-10 10:08:58 · 2841 阅读 · 0 评论 -
使用eventBus解决兄弟组件通信问题
使用eventBus解决兄弟组件通信问题问题是有两个兄弟组件,第一个组件显示分类表,第二个组件显示详情表,点击分类表跳转到详情表,此时需要将数据传送过去,因为我的数据是一次性请求的,详情表在children里。在Category.vue中:<template><table id="level1-table" class="table table-bordered table-hover"> <thead> <tr>原创 2020-10-19 10:20:26 · 323 阅读 · 0 评论 -
解决行点击与按钮点击冲突
解决行点击与按钮点击冲突需求是我们在点击行的过程中,会跳转到另一个页面,但实现了行点击的同时,却出现了小问题,点击按钮的时候也会跳转到另一个页面。最开始的主要代码如下:<tbody> <tr v-for="category in level1.slice((currentPage-1)*pagesize,currentPage*pagesize)" :key="category.route" @click="onClickLevel1(category)" :cla原创 2020-10-19 10:00:20 · 1266 阅读 · 0 评论 -
vue中8种组件通信方式
vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要,那么组件之间如何进行数据通信的呢?首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式, 就好像过年回家,坐着一屋子的陌生人,相互之间怎么称呼,这时就需要先知道自己和他们之间是什么样的关系。vue组件中关系说明:如上图所示, A与B、A与C、B与D、C与E组件之间是父子关系; B与C之间是兄弟关系;A与D、A与E之间是隔代关系; D与E是堂兄关系(非直系亲属)针对以上关系我们归类为:父子组转载 2020-10-14 14:30:03 · 111 阅读 · 0 评论 -
vue中使用eventBus以及遇到数据不更新的问题
今天在项目的一个组件需要向兄弟组件传数据,所以想到了使用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转载 2020-10-14 13:48:59 · 2006 阅读 · 0 评论 -
vue-cli3 引入 bootstrap jQuery
Vue 中使用 jQuery 和 Bootstrap 不是特别符合 Vue 原生的写法,但是有时候又要用,所以放上我的引入设置,供大家参考。在 Vue CLI2.0 中引入 jQuery 和 Bootstrap 需要设置很多配置项,网上有很多方法法,这里不重复写了。直接上 Vue CLI3.0 配置步骤。第一步:安装 jQuery、 Bootstrap、popper.js依赖。其中popper.js 用于在 Bootstrap 中显示弹窗、提示、下拉菜单,所以需要引入。npm install jqu转载 2020-10-09 15:30:58 · 214 阅读 · 0 评论