मेरे पास vue में निम्नलिखित है:

      <div class="pt-2">
        <button
          class="bg-gradient-to-r from-green-100 to-blue-100 rounded p-3 w-full text-xl font-medium focus:outline-none"
          @click="isLoading = true"
          :disabled="isLoading"
        >
          {{isLoading ? '<i class="fas fa-circle-notch fa-spin"></i>' :
          'Register'}}
        </button>
      </div>

मैं इसे दिखाने के बजाय आइकन वापस करने के लिए कैसे प्राप्त करूं: यहां छवि विवरण दर्ज करें

1
svoruganti 5 पद 2020, 20:47

1 उत्तर

सबसे बढ़िया उत्तर

आपको v-if निर्देश का उपयोग करके सशर्त प्रतिपादन का उपयोग करना चाहिए:

   <div class="pt-2">
        <button
          class="bg-gradient-to-r from-green-100 to-blue-100 rounded p-3 w-full text-xl font-medium focus:outline-none"
          @click="isLoading = true"
          :disabled="isLoading"
        >
          <i v-if="isLoading" class="fas fa-circle-notch fa-spin"></i>
          <span v-else >Register</span
        </button>
      </div>
2
Boussadjra Brahim 5 पद 2020, 17:49