Как условно заполнить заполнитель формы?

Question

У меня есть форма, в которую я хочу разрешить отправку пользователя с полем под названием «Должность». У меня также есть массив Jobs с атрибутом Job Position, который я получаю из своего магазина Vue. Когда кто-то нажимает на задание из списка заданий (ряд кнопок, созданных с помощью v-for), я хочу, чтобы форма заполнила поле Job Position позицией задания для данного задания (при этом позволяя людям создавать новые задания при отправке). по желанию).

Я успешно console.logged и мой listOfJobs массив и activeJobIndex для работы на: нажмите. {{listOfJobs[activeJobIndex].jobPosition}} можно использовать в моем файле vue.

<div>* Position Title: {{ positionform }}</div>
    <b-form-input v-model="positionform" type="text" size="sm"></b-form-input>
</div>

data() {
    return {
      positionform: 'Position',
    }
}

При первом посещении страницы я хочу, чтобы в поле «Позиция вакансии» было написано «Позиция», что и в настоящее время. Я хочу, чтобы пользователь мог представить свою вакансию для новой работы, что позволяет моя форма. И я хотел бы, чтобы пользователь щелкнул на текущем списке вакансий и заполнил поле «Позиция вакансии» с позицией вакансии для этой работы, которую я еще не смог сделать.

Answer 1

Вам нужно привязать v-on:click к методу, который установит positionform в listOfJobs[activeJobIndex].jobPosition

Вы не дали много кода, но это выглядело бы примерно так:

<component v-on:click="handleSelect"></component>

methods: {
    handleSelect (jobPosition) {
      // jobPosition is listOfJobs[activeJobIndex].jobPosition
      this.positionform = jobPosition; 
    }
}