碧果果

2019年12月4日

摘要：一、解释 1、bootstrap提供的二级导航菜单只能实现点击下拉框式的实现效果，不能实现鼠标移动显示下拉框，也不能实现点击一级导航的连接跳转 2、现在实现效果一：鼠标移动出现二级菜单效果二：在有二级菜单的一级菜单下可以加链接，但是在手机的效果下屏蔽一级菜单的链接，PC端可以正常访问链接二、代阅读全文

posted @ 2019-12-04 15:30 碧果果阅读(6787) 评论(0) 推荐(0) 编辑

js获取当前页面是手机端还是PC端

摘要：代码实现 var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs = sUserAgent.match(/iphone 阅读全文

posted @ 2019-12-04 15:13 碧果果阅读(2139) 评论(0) 推荐(0) 编辑

2019年11月30日

前端页面引用百度地图

摘要：一、使用百度地图生成器地址：http://api.map.baidu.com/lbsapi/creatmap/index.html 通过百度地图生成器的操作步骤来生成目标地址的代码举例：青岛麦凯乐总店百度地图生成器显示如下： copy代码后本地显示如下：二、问题解决 1、添加的标注图标不显示阅读全文

posted @ 2019-11-30 16:07 碧果果阅读(7852) 评论(0) 推荐(0) 编辑

2019年11月28日

不符合eslint6标准修改

摘要：一、解决办法加注释 if (!values.every(value => isNaN(value))) { // eslint-disable-line 加注释：eslint-disable-line可以跳过eslint6标准判断二、文件设置文件名：.eslintrc.js 'rules': 阅读全文

posted @ 2019-11-28 14:26 碧果果阅读(753) 评论(0) 推荐(0) 编辑

2019年11月26日

组件切换

摘要：一、方式一 <body> <div id="app"> <a href="" @click.prevent="flag=true">登录</a> <a href="" @click.prevent="flag=false">注册</a> <login v-if="flag"></login> <re 阅读全文

posted @ 2019-11-26 11:20 碧果果阅读(262) 评论(0) 推荐(0) 编辑

2019年11月25日

解决element-ui 下拉el-dropdown-item添加点击事件@click无效

摘要：一、原代码 <DropdownMenu slot="list"> <DropdownItem @click="clickPayButton(payWay)">{{payWay.names}}</DropdownItem> </DropdownMenu> 二、修改代码 <DropdownMenu sl 阅读全文

posted @ 2019-11-25 17:45 碧果果阅读(6490) 评论(0) 推荐(1) 编辑

2019年11月15日

vue的方法和函数汇总

摘要：一、代码 var vm = new Vue({ el: '#app',// 控制区域 data: {},// 定义数据 methods: {},// 定义方法 filters: {},// 定义私有过滤器 directives: {},// 定义私有指令 components: { }, // 定义阅读全文

posted @ 2019-11-15 16:54 碧果果阅读(6539) 评论(0) 推荐(0) 编辑

vue创建组件

摘要：一、解释 1、什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可； 2、模块与组件的区别：模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；组件化：是阅读全文

posted @ 2019-11-15 16:46 碧果果阅读(357) 评论(0) 推荐(0) 编辑

vue的transition-group实现列表的添加和删除动画

摘要：一、解释 1、在实现列表过渡的时候，如果需要过渡的元素，是通过 v-for 循环渲染出来的，不能使用 transition 包裹，需要使用 transitionGroup 2、 .v-move 和 .v-leave-active 配合使用，能够实现列表后续的元素，渐渐地漂上来的效果 3、给 rans 阅读全文

posted @ 2019-11-15 11:35 碧果果阅读(3481) 评论(0) 推荐(0) 编辑

vue钩子函数实现半场动画

摘要：一、解释 1、进场 v-on:before-enter="beforeEnter" v-on:enter="enter" v-on:after-enter="afterEnter" v-on:enter-cancelled="enterCancelled" 2、离场v-on:before-leave 阅读全文

posted @ 2019-11-15 10:24 碧果果阅读(306) 评论(0) 推荐(0) 编辑

公告