Vue写商城类hybrid-app遇到的bug以及解决办法(2)

最新推荐文章于 2024-07-11 16:13:04 发布

原创最新推荐文章于 2024-07-11 16:13:04 发布 · 344 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue #app #商城

web前端专栏收录该内容

11 篇文章

订阅专栏

本文介绍了Vue中如何通过meta属性区分路由，并演示了如何全局引入scss文件的方法。此外，还探讨了通过ref获取DOM节点信息的技术细节，以及在Vue项目中解决样式问题的具体实践。

区分路由可以给路由添加meta属性

{
   path: '/index',
   name: 'index',
   meta:{
       tab:true
   },
   component: index,
}

全局的引入scss文件
https://segmentfault.com/q/1010000007852596

vue通过ref来获取节点信息

<div ref='content'></div>

var div=this.$refs.content;

beforeRouterEnter(to,from,next) //刚进入界面
beforeRouterLeave(to,from,next) //离开界面
获取对象的长度
Object.keys(对象).length
强制刷新vue dom
$forceUpdate
vue修改数组、对象某个值不更新的问题
https://blog.csdn.net/kirinlau/article/details/78027312
js打电话
window.location.href = "tel://10086";

背景图片打包的问题

在build的utils文件
 if (options.extract) {  
      return ExtractTextPlugin.extract({  
        use: loaders,  
        fallback: 'vue-style-loader',  
        publicPath:'../../'            //添加此行代码！！！  
      })  
    } else {  
      return ['vue-style-loader'].concat(loaders)  
    }