处理面包屑时出现的问题
问题和视频中一样,为了方便打字keyword面包屑=关键词面包屑,categoryName面包屑=名称面包屑
问题原因:
首先,headindex里gosearch里面params={keyword: this.keyword || undefined}
这导致了通过关键词跳转到search页面时,传递的params参数就会传递一开始输入的词汇。
而我们之前又通过object.assign函数使得searchparams中包含了params参数,所以在x掉名称面包屑时searchparams中keyword又通过params出现,被列表li的v-if侦测到又一次生成了一个关键词面包屑。
解决办法:
1.试试看能不能在x掉名称面包屑时使得params参数为空【失败】
直接把params置空,但是这样会导致单独x掉名称面包屑时后面的关键词面包屑也会直接消失(因为keyword被置空,无法正常生成关键词面包屑)
removecategoryName() {
this.$route.params.keyword = ""; 加了这一行,写成undefined也一样
this.searchParams.categoryName = undefined;