首页 / VUE / vue项目中的一些问题

vue项目中的一些问题

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue项目中的一些问题，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1241字，纯文字阅读大概需要2分钟。

内容图文

1、切换路由时根路由一直处于被激活状态

　　解决办法： 加exact属性  <router-link to="/home" exact>首页</router-link>

　如果需要进去首页默认选中home，需要配置路由重定向

            {
      path: ‘/‘,
      redirect: ‘/home‘
}

2、改变了vuex里面的数据以后视图没有及时更新

　　解决办法：如果这个数据是需要{{}}在行内渲染的，不要存储在data的一个变量中进行使用，应该这么写

            <
            dt
            >{{this.$store.state.homedataStore.cityinfo.name}}·初中&nbsp;&nbsp;<i>基本数据</i></dt>

3、this指向的问题可以通过箭头函数来解决，比如

             myChart.on(‘click‘,(params)=>{
   // console.log(this.$store.homedataStore)
   if(params.data.name == ‘房山区‘ || params.data.name == ‘通州区‘){
      this.changecityinfo(params.data.name)
   }
})

 4、用watch监听数据，这个数据必须在data中声明

 5、使用keep-alive选择性的缓存页面数据，可以再router里面的index.js中添加属性

            {
      path: ‘/e‘,
      name: ‘Edu‘,
      component: Edu,
      meta: {
        keepAlive: true// 需要被缓存      }
    },
    {
      path: ‘/an‘,
      name: ‘An‘,
      component: A,
      meta: {
        keepAlive: true// 需要被缓存      }
    },
    {
      path: ‘/test‘,
      name: ‘Phs‘,
      component: Ph,
      meta: {
        keepAlive: true// 需要被缓存      }
    },
    {
      path: ‘/‘,
      redirect: ‘/home‘
    }

App.vue文件的写法如下：

<keep-alive>
    <router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>

注意 : 必须在路由的index.js文件中使用router

Vue.use(Router)

6、遍历数组最好使用for循环，尽量不要使用for...in

 

原文：https://www.cnblogs.com/ssunshine/p/9672602.html

内容总结

以上是互联网集市为您收集整理的vue项目中的一些问题全部内容，希望文章能够帮你解决vue项目中的一些问题所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1332620.html

来源：【匿名】