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

当点击去支付时产生新的订单，并跳转到订单页面，且页面的数据更新。 需要用到provide inject。这种方法主要是将router-view隐藏然后再显示时，刷新页面数据 在app.vue中写入以下代码。 provide(){ return { reload:this.reload } }, 在methods中定义此方法，isRouterAlive 在data中声明 methods:{ reload(){ this.isRouterAlive = false; this.$nextTick(function(){ this.isRouterAl...

前进刷新，返回缓存，主要用到keep-alive。 route.js配置好keepAlive { path: '/shop/order', name: 'order', component: order, meta:{ type:'login', keepAlive:true, showFooter:false } }, app.vue中，前者表示缓存，后者表示未缓存，两者都需要存在。 <keep-alive > <router-view v-if="$r...

未点击前，结算按钮未灰色，不能点击状态， 点击加号后，实现购物车图表高亮，结算按钮高亮，价格计算，弹出减号按钮。 先说点击的功能，点击加号加1，data中定义变量tot。给按钮绑定事件addShop事件@click="addShop(key)" 这里传入参数key，是因为如果不判断当前点击的对象，会导致所有的类别都会加1，所以要传入参数，当然数据是需要获取，v-for渲染的，（写死的div就不用传参了）。 实现每个食物类别，是在数据中写好了当前食物的数量，初始为0，点击，则当前点击的对象数据currentNum+1，且当前减号的状态showStatus 变为显示。 ...

vue实现点击商店购物，没有登录时，提示登录。 在router.js定义好哪些页面需要登录才能进行 { path: '/shop/order', name: 'order', component: order, meta:{ type:'login', keepAlive:true, showFooter:false } }, 需要登录的路由，在meta中，定义一个type为login或者是true，false，个人喜好。 在main.js中 全局钩子函数中判断要去的页面的路由的meta是否为l...

首先上一张引用成功后的图片 在引入mui的过程中，真的出现了不少的问题 引入成功，不报错，滑动仍然无效？ 引入不成功？ 报错？Uncaught TypeError: ‘caller’, ‘callee’, and ‘arguments’ properties may not be accessed on strict mode functions or the arguments objects for calls to them 首先说报错的问题，这个问题网上也有很多的方法 main.js import mui from './lib/mui/js/mui.js' import './...

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

底部导航栏，是每一个页面都需要用的，所以用的公共组件，在app.vue中引入 import common from "./components/footer/common.vue" components:{ common }, 放在app.vue中的id为app的div下 <common></common> 点击变色不同tabbar按钮，可以切换页面并且高亮显示，有很多种方法实现，比如mui。 这里用的方法是绑定一个class，class中定义好高亮的显示效果，这里只改变了颜色，判断当前路径，从而判断是否添加class。如果需要改变ic...