Laravel 拉威尔+；Vue如何显示所选项目的值？

需要Vuejs方面的帮助，因为我对它很陌生

我有表单选择器，根据所选项目，我应该在表单下方显示所选项目的信息，并将此项目的

id

发送到我的表单

请求

视觉理解：

我已经试过了

v-bind:value=“post.id”

make

v-bind:value=“post”

我可以轻松地显示@{{post.goal}，但它会向我的请求发送

{object}

。 请帮助有更多技能的人

我的选择器：

<div class="uk-form-controls" id="equity-name">
<select name="share_id"  v-model="post">
  <option v-for='post in posts' v-bind:value="post.id">@{{post.title}}</option>
</select>

{{-- Here I need help --}}
<div v-if="post">
  selected post:
  @{{post.goal}}  {{-- HOW TO DISPLAY GOAL IN DOM? --}}
</div>

@{{post.title}
{{--这里我需要帮助--}
选定职位：
@{{post.goal}{{--如何在DOM中显示目标？--}

我的Vue：

<script type="text/javascript">
      new Vue({
      el: "#equity-name",
      data: function() {
        return {
            posts: [
            @foreach($company->equities as $equity)
            {title: "{{ $equity->name }}", id: '{{ $equity->id }}', goal: '{{ $equity->goal() }}'  },
            @endforeach
            ],
            post: null
        }
      },
    })
</script>

新Vue({
el:“股权名称”，
数据：函数（）{
返回{
职位：[
@foreach（$company->权益为$equity）
{title:“{{$equity->name}}”，id:{{{$equity->id}}，目标：{{{$equity->goal（）}}，
@endforeach
],
post:null
}
},
})

---

干杯，亲爱的！：）

制作一个方法

getPostGoal

来获取所选索引的

goal

newvue({
el:“应用程序”，
数据：{
职位：[
{id:1，标题：'test1'，目标：'goal1'}，
{id:2，标题：'test2'，目标：'goal2'}，
{id:3，标题：'test3'，目标：'goal3'}，
],
职位：1
},
方法：{
getPostGoal:函数（id=null）{
如果（id）{
var index=this.posts.map（e=>e.id）.indexOf（id）；
返回此.posts[index].goal；
}
}
}
})

{{p.title}}
选定职位：
{{getPostGoal（post）}

谢谢，这对我帮助很大！