组件引用自己,使用报错未注册
或者
router-view问题
Vue中 watch监听$route失效
使用官网的例子发现无效,最后发现问题:
'$route' (to, from) {
console.log(to.path); //当前路由
console.log(from.path); //跳转路由
}
这是因为在某个路由下所要监听的路由只能是他的子路由,比如在 /xxx
下只能监听 /xxx
这个路由的子路由的变化。
组件的属性$el
所有的组件都有个属性$el,用于获取组件中的元素;
this.$refs.xxx.$el.offsetTop;
vue图片路径和背景图片路径问题
// 1、变量使用require
pic: require('@/assets/xxx.jpg');
<div class="wrapper" :style="{backgroundImage:'url(' + pic + ')'}">
<div style="width:60px;height:60px;background-size: cover;background-position: center;border-radius: 50%;" :style="{backgroundImage:'url(' + item.fromhead + ')'}"></div>
// 2、在HTML中使用require
<div class="about" :style="{backgroundImage:'url(' + require('@/assets/xxx.jpg') + ')'}">
<img :src="require('@/assets/xxx.jpg')">
// 3、img的src中使用路径
<img src="@/assets/xxx.jpg">
// 或者css中
background: url("../assets/images/content.jpg") no-repeat;
// 注意
css里面不能用require