vue.js html

    <div class="w-full flex inline-block" v-for="(input,k) in inputs" :key="k">
                <!-- if there's no crimes listed for this guy -->
                <div v-if="criminal.crimes.length === 0" class="flex inline-block w-full">
                    <select v-model="inputs.crime_id" class="hover:bg-grey-lightest bg-grey-lighter w-full mb-2 p-2 leading-normal">
                        <option v-for="crimes in crimes">{{ crimes.criminal_offense }} </option>
                    </select>
                    <div id="input-group" class="ml-4 w-3/5">
                        <input type="text" v-model="inputs.name" class="hover:bg-grey-lightest bg-grey-lighter w-full mb-2 p-2 leading-normal" id="pin" name="pin" autocomplete="name" placeholder="Attribute Details" required>
                    </div>
                    <span>
                        <i class="fas fa-minus-circle" @click="remove(k)" v-show="k || ( !k && inputs.length > 1)">
                        </i>
                        <i class="fas fa-plus-circle" @click="add(k)" v-show="k == inputs.length-1">
                        </i>
                    </span>
                </div>
                <!-- else if there's a value.. -->
                <div class="w-full inline-block" v-else>
                    <div v-for="crimes in criminal.crimes">
                        <!-- <p>{{ crimes.criminal_offense }} </p> -->
                        <div class="flex inline-block">
                            <select class="hover:bg-grey-lightest bg-grey-lighter w-full mb-2 p-2 leading-normal">
                                <option v-for="crimes in crimes">{{ crimes.criminal_offense }} </option>
                            </select>
                            <div class="flex inline-block">
                                <div id="input-group" class="ml-4 w-3/5">
                                    <input type="text" :value="criminal.profile.weight_in_kilos" class="hover:bg-grey-lightest bg-grey-lighter w-full mb-2 p-2 leading-normal" id="pin" name="pin" autocomplete="name" placeholder="Crime Details" required>
                                </div>
                                <span class="mr-2">
                                    <i class="fas fa-minus-circle" @click="remove(k)" v-show="k || ( !k && inputs.length > 1)">
                                    </i>
                                    <i class="fas fa-plus-circle" @click="add(k)" v-show="k == inputs.length-1">
                                    </i>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>