vue 中的 混入-mixins
作者:互联网
//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