我正在开发一个使用Vue和vue-router的项目，它的路由是深层嵌套的（ex 2/company/staff/1/timeline）。
现在我到达了(...) /staff/:id部分，我遇到了一个问题：无论id道具有什么价值，所有路线链接都显示为有效。以前有人有这个问题吗？
P.S：我试过exact，没有工作。
<router-link tag="li" :to="{ name: 'business.staff.single', props: {id: 1} }">
<div class="avatar" style="background-image: url('url');"></div>
<div class="details">User 1</div>
</router-link>
<router-link tag="li" :to="{ name: 'business.staff.single', props: {id: 2} }">
<div class="avatar" style="background-image: url('url');"></div>
<div class="details">User 2</div>
</router-link>
<router-link tag="li" :to="{ name: 'business.staff.single', props: {id: 3} }">
<div class="avatar" style="background-image: url('url');"></div>
<div class="details">User 3</div>
</router-link>
答案 0 :(得分：0)
我很糟糕，我最近没有与$(document).on("keyup", ".textarea", function (event) {
var textCount="";
var textLimit = 1500;
var deleteKey = 46;
var backspaceKey = 8;
var keyCode = event.keyCode;
if (keyCode === deleteKey || keyCode === backspaceKey){
var str = $(this).text();
var currentCount = parseInt($(this).parents('.textareaRegion').find('.maxlengthCountDiv .maxlengthCount').text());
if(currentCount < textLimit){
textCount = currentCount + 1;
$(this).parents('.textareaRegion').find('.maxlengthCountDiv .maxlengthCount').empty().html(textCount);
}
return true;
}
else{
var str = $(this).text();
if (str.length >= 1500)
{
return false;
}
else{
textCount = textLimit - str.length;
$(this).parents('.textareaRegion').find('.maxlengthCountDiv .maxlengthCount').empty().html(textCount);
}
}
});
合作，现在我将vue-router与params混淆了。结果我不得不使用props，然后它默认工作。