将输入值传递给v模型

时间:2018-09-11 12:47:49

标签: laravel vue.js v-model

如何自动将输入值传递给v模型? 谢谢:)

代码:

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

我试图用我的脚本来做:

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

在我看来:

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

1 个答案:

答案 0 :(得分:2)

您不能那样做,因为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
  }
}