bytedo

/

wkitd

路由组件

框架内置了 2个路由组件, router-view和router-link, 与vue-router插件类似。

注意事项

router-view 需要闭合, 因为所有的wc组件都是闭合元素。
不支持嵌套路由

即<router-view></router-view>, 只能出现一次。
router-link组件的to属性, 可以传对象, 也可以字符串路径。在wkit框架中, 可在属性前加上冒号:, 如:to=${{path: '/xxx'}} 这样的语法来实现对象传递, 或者用js直接赋值。
router-link支持diabled属性, 可通过该属性禁用点击跳转。
router-link 激活时, 会追加一个active类, 可自行根据该类设置高亮样式。



<router-link to="foo">foo</router-link>
<!-- 或者 -->
<router-link :to=${{ path: 'foo' }}>foo</router-link>

Table of Contents

路由组件

注意事项