Question

我有一个要允许用户提交的表格，该表格的字段为“工作位置”。我还从我的Vue商店获得了一个具有Jobs属性的Job Position数组。当某人单击作业列表（使用v-for生成的一系列按钮）中的一项作业时，我希望该表格用该特定作业的职位来填充Job Position字段（同时仍允许人们创建新的作业）根据需要提交）。

我已经成功console.log记录了listOfJobs数组和作业on：click的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; 
    }
}

如何有条件地填充表单的占位符？

1 个答案: