首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >将输入值传递给v-model

将输入值传递给v-model
EN

Stack Overflow用户
提问于 2018-09-11 20:47:49
回答 1查看 814关注 0票数 0

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

代码:

代码语言:javascript
复制
  <input   value="{{$in->id}}" v-model="upload.id" >

我试着在我的脚本中这样做:

代码语言:javascript
复制
 upload: {
        bank:'',
        id:{{$in->id}},
        cash:''
  },

在我看来:

代码语言:javascript
复制
  <a   value="" v-model="upload.id" ></a>
EN

回答 1

Stack Overflow用户

发布于 2018-09-11 20:53:49

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

代码语言:javascript
复制
<script type="text/javascript>
new Vue({
  data: {
    upload {
      id: {{$in->id}}
    }
  }
});
</script>

或者,如果你在它自己的javascript文件中初始化VueJS,而不是内联,你可以将它设置为窗口上的一个属性。例如,在<head>中,您可以执行以下操作:

代码语言:javascript
复制
<head>
  ...
  <script type="text/javascript">
    window.sharedData = window.sharedData || {};
    window.sharedData.uploadId = {{$in->id}};
  </script>
  ...
</head>

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

代码语言:javascript
复制
data: {
  upload: {
    in: window.sharedData.uploadId
  }
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52276329

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档