[Vuejs]-Is there similar to standalone in vueJS

by

1👍

✅

You must use the index and length of certifications

<div v-for="(item,index) in certifications">
      <fg-input type="text" required
                  :label="$t('candidate.certification.title')"
                  :placeholder="$t('candidate.certification.title')" 
                  :disabled="(index+1!==certifications.length)">
       </fg-input>
</div>

and when you need edit button:

  data() {
    return {
      certifications: [],
      editableIndex: null
    }
  },
  methods: {
    Add() {
      ...
    },
    Edit(index) {
      this.editableIndex = index
    },
  }
}

and in template

<template>
   <div>
    <div v-for="(item,index) in certifications">
      <fg-input type="text" required
                  :label="$t('candidate.certification.title')"
                  :placeholder="$t('candidate.certification.title')" 
                  :disabled="(index+1!==certifications.length&&editableIndex===null) || editableIndex===index">
      </fg-input>
      <l-button  @click="Edit(index)"><i class="fa fa-pen"> </i></l-button>
    </div>
    <l-button  @click="Add()"><i class="fa fa-plus"> </i></l-button>
   </div>
</template>

Leave a comment