我有一个带有单页面组件的 SPA 应用程序;我想根据我的路线名称导入组件的某些方法。我怎样才能在 Vue 中实现这一目标?像这样的东西:
<template>
<div>
<div v-for="foo in customMethod()">{{foo.bar}}</div>
</div>
</template>
<script>
export default {
methods: {},
mounted: function() {
switch(this.$route.name) {
case "route.name":
this.methods = require('./external-script.js');
break;
case "another.route.name":
this.methods = require('./another-external-script.js');
break;
}
}
}
</script>
最佳答案
这个描述看起来像是策略设计模式可以解决的问题,因为你需要根据路由名称采取不同的行为。看看这个post 。如果这不是你的本意,你可以尝试 Vue dynamic components .
关于javascript - VueJS : dynamically set component's methods,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60224234/