动态地将组件分配给路径

时间:2018-04-12 10:51:56

标签: vue.js vuejs2 vue-router

是否可以拥有动态路线?例如;我们得到请求mywebsite.com/foo-bar,路由器会检查组件FooBar是否存在并分配该组件,或者如果它不存在,则会分配默认组件BasePage

例如:

import * as pages from '../components/pages'

const router = new Router({
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home,
    },
    {
      path: '/:slug',
      component: (!_.isNull(pages[slug]) ? pages[slug] : BasePage,
      props: true
    },
  ]
  ...
});

1 个答案:

答案 0 :(得分:1)

我没有对此进行测试,但我认为这样的事情应该有用。

@Configuration
public class TestConfig {

    @Bean
    public Clock clock(){
        return Mockito.mock(Clock.class);
    }    
}

public class MyClassTest {

    @Autowired
    private Clock clock;

    @Autowired
    private MyClass myClass;

    @Test
    public void test1(){
         // use the standard mock clock
    }

    @Test
    public void test2(){
         Mockito.when(clock.giveMeAValue()).thenReturn(Instant.parse("2018-01-01T00:00:00Z"), UTC);               
    }    

    @Test
    public void test3(){   
       Mockito.when(clock.giveMeAValue()).thenReturn(Instant.parse("2019-12-12T23:59:59Z"), UTC);

    }
}