陆十四

分类

未归档(9)

/ 注册

全部文章（共9篇）

高德地图api获取当前地理位置

引入 <script language="javascript" src="https://webapi.amap.com/maps?v=1.3&key=你的key"></script> 高德地图开发平台可以注册账号，...

2019-09-23

0 826

vue仿美团饿了么，搜索框模糊查询，并显示

首先需要一个容器ul来放模糊查询出来的数据定义一个空数组，判断输入的内容长度是否大于0，用过滤器filter，过滤shops（所有的数据），如果要搜索框中的内容与每一个businessName有相同的地方，具体可以看search方法使用，就把当前内容放在定义好的空数组中。 searchKeyup...

2019-07-17

0 1286

vue仿美团饿了么，数据添加删除，页面自动刷新显示最新数据

当点击去支付时产生新的订单，并跳转到订单页面，且页面的数据更新。需要用到provide inject。这种方法主要是将router-view隐藏然后再显示时，刷新页面数据在app.vue中写入以下代码。 provide(){ return { reload:this.reload ...

2019-07-17

0 988

vue仿饿了么美团，购物车页面前进刷新，返回数据不变

前进刷新，返回缓存，主要用到keep-alive。 route.js配置好keepAlive { path: '/shop/order', name: 'order', component: order, meta:{ type:'login',...

2019-07-17

0 1035

vue仿美团饿了么，实现购物车功能

未点击前，结算按钮未灰色，不能点击状态，点击加号后，实现购物车图表高亮，结算按钮高亮，价格计算，弹出减号按钮。先说点击的功能，点击加号加1，data中定义变量tot。给按钮绑定事件addShop事件@click="addShop(key)" 这里传入参数key，是因为...

购物车 vue 饿了么购物车

2019-07-17

0 1161

vue仿美团饿了么，弹窗提示登录

vue实现点击商店购物，没有登录时，提示登录。在router.js定义好哪些页面需要登录才能进行 { path: '/shop/order', name: 'order', component: order, meta:{ type:'logi...

2019-07-17

0 885

vue仿饿了么美团，引入mui，解决mui无效问题，实现首页轮播

首先上一张引用成功后的图片在引入mui的过程中，真的出现了不少的问题引入成功，不报错，滑动仍然无效？引入不成功？报错？Uncaught TypeError: ‘caller’, ‘callee’, and ‘arguments’ properties may not be accessed...

2019-07-17

0 802

vue仿美团饿了么，不同页面顶部样式相同，标题不同

顶部标题，在多个页面样式相同，文字不同，也可以用公共组件的形式如图所示，写一个公共头部组件，headTop <header class="foodHeader"> <slot name='left'></slot> <...

2019-07-17

0 987

vue仿美团饿了么--底部导航公共组件

底部导航栏，是每一个页面都需要用的，所以用的公共组件，在app.vue中引入 import common from "./components/footer/common.vue" components:{ common }, 放在app.vue中的id为app的div下...

2019-07-17

0 1020