如何使用vform在v-model中显示外键ID中的数据

Question

我想显示work_name，它是另一个表中的数据。我已经完成了应用程序表和工作表之间的关系。 This is data in the table application 我在访问来自工作对象的work_name时遇到问题。我想将work_name放入表单中，以便在启动模式时可以显示work_name的值。

我想将work_name显示为类似modal that show work name

///这是我的v模型。我可以显示application_id，但work_name不显示任何内容

<div class="modal-body"> 
            <div class="form-group">
                    <label>Application ID</label>
                    <input v-model="form.application_id" type="text" name="application_id" 
                        class="form-control" :class="{ 'is-invalid': form.errors.has('application_id')}" readonly>
                    <has-error :form="form" field="application_id"></has-error>
            </div>

            <div class="form-group">
                    <label>Work Name</label>
                    <input v-model="form.work_name" type="text" name="work_name" 
                        class="form-control" :class="{ 'is-invalid': form.errors.has('work_name')}" readonly>
                    <has-error :form="form" field="work_name"></has-error>
            </div>

///我的脚本

<script>
export default {
  data() {
    return{
      editmode: false,
      applications:{},
      index:1,
      form: new Form({
        application_id:'',
        work_name:'',
                   }),
    }
  },