Javascript 将laravel刀片值绑定到vue中的模式模板

我有一个laravel页面，在该页面中，我使用Vue为带有链接的表中的相应行填充一个模式。每一行都有一个弹出模态的链接，其思想是模态将具有与单击的行对应的信息

我不明白的是：在这里的示例中，我的header h2元素正确地显示了名称和编号。然而，文本区域和隐藏输入是完全空白的，即使在我测试html表时内容在那里。换句话说，我拥有所有需要的内容，但我希望每个模式都能保存内容和contentID，以便最终调用axios

我做错了什么

    @foreach($results as $k => $results)
    <tr class="" id="">
        <td>
            <a id="show-row-modal" @click="showModal = {{$k}}; getDetails('{{$results->contentID}}');">{{$results->number}}</a>
            <modal v-if="showModal==={{$k}}" @close="showModal = false">
            <h2 slot="header">{{$results->number}}-{{$results->name}}</h2>

            <div slot="body">
            <textarea style="width:100%; margin: 0 auto;" v-model="resultsContent">{{utf8_encode($results->content)}}</textarea>
            <input type="hidden" value='{$results->contentID}' v-model="existingContentID" />
            </div>
        </td>
    </tr>
    @endforeach


    <script type="text/x-template" id="row-modal-template">
      <transition name="rowModal">
        <div class="modal-mask">
          <div class="modal-wrapper">
            <div class="modal-container">
            <div class="uk-grid">
              <div class="modal-header uk-form-row uk-width-1-1">
                <slot name="header">
                  default header
                </slot>
              </div>

              <div class="modal-body uk-form-row uk-width-1-1">
                <slot name="body">
                  default body
                </slot>
              </div>

              </div>
            </div>
          </div>
        </div>
      </transition>
    </script>

     Vue.component('modal',{
    template: '#row-modal-template'
    })

    new Vue({
        el:'#app',
        data: { 
            showModal: false,
            existingCopyID: [''],
            resultsContent: [''],
        },

@foreach（$results作为$k=>$results）
{{$results->number}
{{$results->number}-{{$results->name}
{{utf8_encode（$results->content）}
@endforeach
默认标题
默认主体
Vue.组件（'模态'{
模板：“#行模式模板”
})
新Vue({
el:“#应用程序”，
数据：{
showModal：错，
现有COPYID:['']，
结果内容：['']，
},

隐藏输入上的值似乎不是有效的刀片语法。请尝试将

value='{$results->contentID}'

更改为

value=“{{$results->contentID}}”

并查看这是否修复了隐藏字段。另外，不应该

@foreach（$results as$k=>$results）

是

@foreach（$results as$k=>$result）

使用

$result

单数？您似乎正在覆盖变量

$results

@matticustard感谢这一点，幸运的是，结果/结果问题在这里是一个输入错误，在我的代码中是正确的。不过，我确实用括号修复了第一个问题，但仍然是同一个问题。因为我正在为每行创建一个模式，它们是pre-rendered这似乎是我在VUe方面的主要问题。还值得注意的是，HTML不喜欢与您在