我想知道如何在單擊按鈕后將其更改為禁用,但數據來自其余 api,因此我只想禁用該列表項上的按鈕,而不是所有按鈕。我看不到在 VueJS 中在哪里執行此操作。這是addItem button哪個代碼是:<button type="button" class="btn btn-primary btn-lg mb-3 float-right" v-on:click="addItem(result)" > <font-awesome-icon icon="plus"/></button>列表組件<template> <div class="mb-5 container"> <button type="button" class="btn btn-primary mt-2 mb-2 btn-block"> My List <span class="badge badge-light">{{List.length}}</span> </button> <ul class="list-group" v-for="(result, index) in List" :key="index"> <li class="list-group-item"> <b>{{result.collectionName}}</b> <h6 class="mt-0">{{result.artistName}}</h6> <p class="mt-0">{{result.primaryGenreName}}</p> </li> </ul> <ul></ul> </div></template><script>export default { props: [ 'List', ],};</script>所以這個想法是用戶可以向列表組件添加一個項目,但顯然他們不能繼續添加該項目,所以這就是為什么我需要在點擊后禁用該按鈕。
在 Vue JS 應用程序中單擊按鈕后如何將其更改為禁用
幕布斯6054654
2021-06-27 17:03:35