随笔分类 -  VUE

VUE Vue列表分页切换数据 列表到详情页路由跳转
摘要：页面代码： 列表 :to="{path:'/newsDetail',query:{id:item.id}}"获取详情页的路由id <ul class="news-list"> <router-link v-for="item in pagerData" class="news-item" :to=" 阅读全文
posted @ 2020-07-03 09:16 番茄匠Amy 阅读(1947) 评论(0) 推荐(0)
VUE 导航、左侧菜单联动实现 tab根据路由切换联动内容
摘要：页面代码： <ul class="el-menu"> <li v-for="(tab ,index) in tabs" :class="{active:isActive==index}" @click="isActive=index,tabChange('selTab' + (index + 1)) 阅读全文
posted @ 2020-07-03 09:15 番茄匠Amy 阅读(3571) 评论(0) 推荐(0)
VUE Vue Element UI 改变走马灯的高度
摘要：1、 页面代码：设置高度变量 :height="banH +'px'" <template> <div class="home"> <div class="slider"> <el-carousel :interval="5000" arrow="always" :height="banH +'px 阅读全文
posted @ 2020-07-03 09:12 番茄匠Amy 阅读(3902) 评论(0) 推荐(0)
VUE vue脚手架配置公用头部、底部、公共组件，控制显示隐藏的两种方式：
摘要：1、父子组件传参： 在app.vue文件里引入公共的header 和 footer <template> <div id="app"> <el-header v-if="header_show"></el-header> <router-view v-on:public_header="public 阅读全文
posted @ 2020-07-03 09:07 番茄匠Amy 阅读(1058) 评论(0) 推荐(0)
VUE vue和element框架搭配实现导航跳转，底部导航跳转页面
摘要：1、页面代码： <el-menu :default-active="activeIndex" router class="el-menu-demo" mode="horizontal" @select="handleSelect" background-color="#545c64" text-co 阅读全文
posted @ 2020-07-03 09:06 番茄匠Amy 阅读(1601) 评论(0) 推荐(0)
Vue 框架中添加百度地图组件
摘要：1、在html文件中引入百度地图， <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=fQRe6ynMMsc17qmOMKvNRol0bVDh32WZ" ></script> v=2.0&ak=“地图秘 阅读全文
posted @ 2020-07-03 09:02 番茄匠Amy 阅读(1905) 评论(0) 推荐(0)
VUE中使用vue.nextTick 报this.nextTick is not a function错误
摘要：onSubmit() { this.nextTick(() => { }) } 少了$符号， this.$nextTick(() => {}) 阅读全文
posted @ 2020-07-03 08:59 番茄匠Amy 阅读(8539) 评论(0) 推荐(0)
VUE 饿了么项目实战 VUE &quot;TypeError: Cannot read property 'deliveryPrice' of undefined&quot;报错
摘要：<shopcart :delivery-price="seller.deliveryPrice" :min-price="seller.minPrice"></shopcart>中.VUE "TypeError: Cannot read property 'deliveryPrice' of und 阅读全文
posted @ 2020-07-03 08:57 番茄匠Amy 阅读(225) 评论(0) 推荐(0)
VUE vue2.0配置webpack.dev.conf.js加载本地json数据
摘要：以饿了么项目为例： 打开webpack.dev.conf.js 在const portfinder = require('portfinder')后加入以下配置 const express = require('express') const app = express() // 请求server 阅读全文
posted @ 2020-07-03 08:54 番茄匠Amy 阅读(369) 评论(0) 推荐(0)
VUE response.json() 的更新问题
摘要：加载api数据时，图片文字无法显示： created() { //请求的ajex地址,成功的回调，拿到一个response this.$http.get('/api/seller').then((response) => { //response是一个属性，将其转化为json对象 response 阅读全文
posted @ 2020-07-03 08:46 番茄匠Amy 阅读(1158) 评论(0) 推荐(0)
VUE Failed to resolve directive: el和Error in nextTick
摘要：vue2没有v-el，使用ref替换，将 <div class="menu-wrapper" v-el:menu-wrapper> 替换成 <div class="menu-wrapper" ref="menuWrapper"> js中获取DOM元素是将 this.menuScroll = new 阅读全文
posted @ 2020-07-03 08:42 番茄匠Amy 阅读(500) 评论(0) 推荐(0)