0

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

代码 :

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

我试图在我的脚本中做:

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

在我看来:

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

1 回答 1

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
  }
}
于 2018-09-11T12:53:49.387 回答