![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Lucy酱
web前端工程师,正在努力往全栈走
展开
-
用嵌套路由(view-router)实现多页面切换路由显示
一、需求:后台管理系统一般的页面架构就是:1、左侧一列菜单,根据路由配置显示标题和层级,有些页面的标题不需要显示在菜单中,则在路由配置中添加hidden路由标识,做相应的隐藏。2、右边是点击菜单显示相应的内容(主要内容),右边右上角还有一行面包屑来显示当前页面的层级。根据题目的需求是,如:在一个产品列表页中点击某条信息,则跳转路由查看该条...原创 2019-11-06 16:20:29 · 5245 阅读 · 0 评论 -
vue3.0 vue.config.js 相关配置
module.exports = { // 部署应用时的基本 URL // baseUrl: process.env.NODE_ENV === 'production' ? '0.0.0.0:8080' : '0.0.0.0:8080', // build时构建文件的目录 构建时传入 --no-clean 可关闭该行为 outputDir: 'dist', // build时...转载 2019-10-28 10:57:06 · 167 阅读 · 0 评论 -
vue-cli开发web项目所遇到的问题解决办法记录(一)
1、异步加载的数据,想要赋值到data里的变量失败,解决办法:要在异步加载前,把this赋值给其他变量,如:var that=this;因为:在Vue中this始终指向Vue,但axios中this为undefined,若需要赋值给变量用以渲染数据,可以通过=>函数,这时this为Vue或者可以直接通过:var that = this;将this保存在that中,再在函数...原创 2018-08-17 11:41:05 · 619 阅读 · 0 评论 -
关于vue v-for 嵌套v-for的v-model属性绑定问题
vue v-for嵌套v-for的v-model属性绑定,如果数据类型不对,常会报错如://数据data: {childrenList: [{sku:'',quantity:1,start_price:''}],},//dom渲染<table><tr v-bind::class="c._class" v-for="(c,index) in chil...原创 2018-09-03 13:56:18 · 12895 阅读 · 0 评论 -
This dependency was not found: * @/component/firstPage in ./src/router/index.js To install it
vue运行出现这个error:This dependency was not found:* @/component/firstPage in ./src/router/index.jsTo install it, you can run: npm install --save @/component/firstPage 原来是我把页面删了,解决这个方法有两个:1、添加f...原创 2018-07-18 15:47:19 · 22130 阅读 · 5 评论 -
文字倒影
css:#reflect{-webkit-box-reflect: below 2px -webkit-linear-gradient(bottom, transparent, transparent 10%, rgba(0, 0, 0, 0.296875));}html结构:<div id="reflect">文字倒影</div>此方法只支持浏览器...原创 2018-07-18 15:41:48 · 191 阅读 · 0 评论 -
axios的 post 和 get 的简单封装
import axios from 'axios';import qs from 'qs';let base = 'http://xxx.com';//域名//封装//防止头部被串改:const axiosP = axios.create({ headers: { 'content-type': 'application/x-www-form-urlencoded' }}...原创 2019-03-19 18:16:03 · 653 阅读 · 0 评论 -
vue 组件间通信
1、父 ===> 子//父组件:<template> <div class="sign-up-box"> <sign-up :banding="true" :ishideBanPage="hideBanPage"></sign-up> </div></template> <s...转载 2019-04-12 11:55:10 · 110 阅读 · 0 评论 -
SCRIPT5022: [vuex] vuex requires a Promise polyfill in this browser.
原因:低版本的IE或低版本qq浏览器不支持vue的es6语法解决:安装babel-polyfill,让babel-polyfill可以模拟ES6使用的环境,可以使用ES6的所有新方法1、npm install --save-dev babel-polyfill2、在webpack.base.conf.js中修改entry: { app: './src/main.js'...转载 2019-04-23 10:36:54 · 771 阅读 · 0 评论