![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
michaelxuzhi___
2020届毕业。专业:网络工程,方向:测试开发,扩展:前端开发
目前在职:游戏测试
展开
-
Vue中的事件总线bus
如果在跨级或兄弟组件中需要进行通信,多次使用$emit方法会显得繁琐不灵活该事件总线可以发射与监听事件,就像vue实例一般在main.js中将$bus加入到vue原型中Vue.prototype.$bus = new Vue()在某一组件A中,使用$emit来发射事件,一般用于数据更新的情况this.$bus.$emit("事件名")在另一组件B中,使用$on来监听事件,A中数据发生变化,B中可以监听到,再执行后续操作this.$bus.$on("事件名",function(){ 相关操作原创 2020-05-11 22:01:38 · 349 阅读 · 1 评论 -
vue组件之吸顶展示选项条
在开发移动端项目中,经常会使用到吸顶展示的选项导航如下图所示:而且此选项导航条在距顶部一定距离时,会固定住不再向上滚动分析一下:先创建一个tabControl.vue<template> <div class="tab-control"> <div class="tab-control-item"> <span>写...原创 2020-05-05 21:33:38 · 866 阅读 · 0 评论 -
一个vue底部导航栏组件
写一个底部导航栏独立组件,便于以后项目中的使用分为创建和封装两步需求:独立、图标可改、名称可改、flex布局①分析:首先是TabBarTabBar是导航栏的主框架,包裹整个导航栏创建tabbar -> Tabbar.vue<template> <div id="tab-bar"> // 这里啥都没有 </div>...原创 2020-05-02 17:33:21 · 2140 阅读 · 6 评论 -
个人的.editorconfig的配置
root = true[ * ]charset = utf - 8indent_size = 2end_of_line = lfindent_style = spaceinsert_final_newline = truetrim_trailing_whitespace = true原创 2020-05-01 21:04:06 · 172 阅读 · 0 评论 -
Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"... 的解决方法
import VueRouter from 'vue-router';Vue.use(VueRouter)const originalPush = VueRouter.prototype.push;VueRouter.prototype.push = function push(location) { return originalPush.call(this, locati...原创 2020-04-15 20:00:14 · 297 阅读 · 0 评论