将输入值传递给 v-model答案

【问题标题】：Pass value of input to v-model将输入值传递给 v-model
【发布时间】：2019-02-15 23:34:46
【问题描述】：

如何将输入值自动传递到 v-model 中？谢谢:)

代码：

  <input   value="{{$in->id}}" v-model="upload.id" >

我试图在我的脚本中做：

 upload: {
        bank:'',
        id:{{$in->id}},
        cash:''
  },

在我看来：

  <a   value="" v-model="upload.id" ></a>

【问题讨论】：

@Badgy，根据标签，它是 Vue.js。
@Adam 是的，我知道，但我怀疑没有更干净的解决方案来获取数据等。他设法让它看起来像只有 3 行代码的一团糟

标签： laravel vue.js v-model

【解决方案1】：

您不能这样做，因为v-model 会覆盖输入元素上的value 属性。因此，最好的选择可能是将其直接添加到您的 script 标签中。

<script type="text/javascript>
new Vue({
  data: {
    upload {
      id: {{$in->id}}
    }
  }
});
</script>

或者，如果你在它自己的 javascript 文件中启动 VueJS，你可以将它设置为窗口上的属性，而不是内联。例如，在您的 <head> 中，您可以执行以下操作：

<head>
  ...
  <script type="text/javascript">
    window.sharedData = window.sharedData || {};
    window.sharedData.uploadId = {{$in->id}};
  </script>
  ...
</head>

这意味着您可以在您的 javascript 文件中执行以下操作：

data: {
  upload: {
    in: window.sharedData.uploadId
  }
}

【讨论】：

谢谢，我也尝试过，但我的 vuejs 不能正常工作，请查看我编辑的帖子，看看我做了什么
{{$in->id}} 未定义，我之前使用循环，@foreach($coinbank as $in)