标签：ProjectMix 混入 vue backProjects projectId mixins project data

//ProjectMix.js
和 .vue 写法相同，有data created mounted computed methods等方法。

export default {
  data() {
    return {
      project: {},
      projectId: 0,
    };
  },
  created() {
    this.project = this.$store.getters.project;
    const projectId = this.project.projectId;
    if (/^[1-9][0-9]*$/.test(projectId)) {
      this.projectId = projectId;
    } else {
      this.backProjects();
    }
  },
  methods: {
    backProjects() {
      this.$router.push("/project/projects");
    }
  }
}

使用方法:

import ProjectMix from "@src/mixins/ProjectMix";//引入
export default {
　　name: "",
　　mixins: [ProjectMix],
　　components: {
　　},
　　props: {
　　},
　　data() {
　　}
}

ProjectMix引入之后就可以直接使用这个mixins中的方法属性等

比如取projectId就直接this.projectId即可。

this.backProjects()可以直接调用mixins中的backProjects方法。

标签：ProjectMix,混入,vue,backProjects,projectId,mixins,project,data
来源： https://www.cnblogs.com/150536FBB/p/13233874.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。