VueJS:单击禁用按钮仍会更改路线

Question

我想,当禁用按钮currentpage是firstpage:

该按钮正确禁用,但单击时路径仍会更改.

JavaScript的

checkDisable() {
  if (this.currentPage==1) {
    document.getElementById("previousBtn").disabled = true;
  }
}

vue js

<router-link :to="{ name: 'products', params: {page: currentPage-1 }}">
   <button id="previousBtn" class="btn btn-default" v-bind="checkDisable()">
     Previous
   </button>
</router-link>

Answer 1

你没有v-bind正确使用.这将是最简单的一个添加 disabled属性的按钮,并将其绑定到,如果价值,仅仅返回true,内联函数currentPage是1:

<button class="btn btn-default" :disabled="currentPage == 1">
  Previous
</button>