亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在 Vue JS 應用程序中單擊按鈕后如何將其更改為禁用

在 Vue JS 應用程序中單擊按鈕后如何將其更改為禁用

幕布斯6054654 2021-06-27 17:03:35
我想知道如何在單擊按鈕后將其更改為禁用,但數據來自其余 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>所以這個想法是用戶可以向列表組件添加一個項目,但顯然他們不能繼續添加該項目,所以這就是為什么我需要在點擊后禁用該按鈕。
查看完整描述

1 回答

?
喵喵時光機

TA貢獻1846條經驗 獲得超7個贊

嘗試:


<button

   type="button"

   class="btn btn-primary btn-lg mb-3 float-right"

   v-on:click="addItem(result)"

   :disabled="result.disableButton">

   <font-awesome-icon icon="plus"/>

</button>

在你的方法中:


addItem: function(result) {

      result.disableButton = true; // Or result['disableButton'] = true;

      this.List.push(result);

    },


查看完整回答
反對 回復 2021-07-08
  • 1 回答
  • 0 關注
  • 337 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號