Sometimes it takes a good fall to really know where you stand.
有时候需要狠狠摔一跤,才知道自己站在哪儿。
1.搭建项目完成后,npm run build 页面无内容
build: {
// Template for index.html
index: path.resolve(__dirname, '../dist/index.html'),
// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: './',
}
2.Vue mint搭建的项目引入fontawesome不显示字体图标解决办法?
在webpack.prod.conf中设置,把原来的new ExtractTextPlugin()
注释掉
// 不需要提到static/css 中
//new ExtractTextPlugin(utils.assetsPath('css/[name]. [contenthash].css')),
new ExtractTextPlugin('[name].[contenthash].css'),
试试重新执行 npm run build
打包完成后即可
3. 使用less,这个真尼玛的坑,各种试
npm install node-sass sass-loader scss scss-loader --save-dev
+ node-sass@4.9.3
+ sass-loader@7.1.0
+ scss@0.2.4
+ scss-loader@0.0.1
4.引入ly-tab 移动端滑动导航条插件 https://github.com/ScoutYin/ly-tab
npm i ly-tab -S
5. vue.js+webpack 为 img src 赋值的路径问题?
data () {
return {
img: require('path/to/your/source')
}
}
然后在template中
<img :src="img" />
6. 路由的重定向
{
path: '/',
redirect: '/navbar/home' //重定向
},
7. 使用vue-router切换页面时,获取上一页url以及当前页面url
methods: {
back(){
this.$router.go(-1);//返回上一层
}
},
监控路由
watch:{
$route(now,old){ //监控路由变换,控制返回按钮的显示
if(now.path=="/home/home"){
this.isShow=false;
} else{
this.isShow=true;
}
}
}
8.为了实现返回页面能继续在当前的页面,折腾了一下午,发现了beforeMount这个是在页面渲染之前可以赋值数据,并且使用了vuex。
// 路由跳转回到原来的位置
https://www.jb51.net/article/134945.htm
1.遇到的难解的问题,因为用了滑动导航的原因,返回上一页,路由会重新渲染,导致无法定位到之前的位置。
引入了vuex
2. 使用这个ly-tab组件,当我在第二个标题页面浏览完在此回去的时候,选中状态还是之前的那一个。
3.子组件怎么修改父元素的值
4.vuex 使用 https://segmentfault.com/a/1190000009404727