javascript - 如何使用通过 riot.route() 获得的参数？

Question

riot.route('/*', function(category) {
    riot.mount('#main', 'category-page', category)
})

当URL更改时，我想获取参数作为“类别”并在 <category-page> 中使用它。我试过console.log(this.opts.category)在<category-page> ，但我得到的是未定义的。

riot.route('/*', function(category) {
    riot.mount('#main', 'category-page', category)
    console.log(category)
})

当我像上面那样编码时，console.log(category)效果很好。所以我认为传递或获取参数是错误的。我尝试了很多案例，但无法解决。请帮我解决这个问题。

Answer 1

调用时根据riot.js router api文档riot.mount(selector, tagName, [opts]) 您应该传递一个将在标记中设置为 this.opts 的对象。

所以你的路由器代码应该如下所示:

riot.route('/*', function(category) {
    riot.mount('#main', 'category-page', {category: category})
});