Javascript Vue.js-如何绑定到页面加载后生成的表单元素?

Javascript Vue.js-如何绑定到页面加载后生成的表单元素?,javascript,ruby-on-rails,vue.js,turbolinks,marketo,Javascript,Ruby On Rails,Vue.js,Turbolinks,Marketo,我知道在页面加载时运行内联脚本之前,html文档中的表单元素不可用。加载页面后,如何在Vue.js中绑定这些表单元素?显然,使用jQuery我可以做一个$('.element')。each(),但是“Vue方式”是什么?我需要设置隐藏输入的值属性 在这种情况下,您可能不需要访问DOM 基于Marketo,您可以在MktoForms2.loadForm()的回调中使用: MktoForms2.loadForm('//app-ab00.marketo.com','785-UHP-775',1057,

我知道在页面加载时运行内联脚本之前,html文档中的表单元素不可用。加载页面后,如何在Vue.js中绑定这些表单元素?显然,使用jQuery我可以做一个
$('.element')。each(),
但是“Vue方式”是什么?我需要设置隐藏输入的
属性


在这种情况下,您可能不需要访问DOM

基于Marketo,您可以在
MktoForms2.loadForm()
的回调中使用:

MktoForms2.loadForm('//app-ab00.marketo.com','785-UHP-775',1057,form=>{
表格.VAL({
最后的目标:“我的目标”,
应用程序的感知:“我的感知”
})
})

我的答案是在js文件中调用
MktoForms2.loadForm()
函数,而不是在html文件的
标记中。无法在内联
标记中绑定vue元素。

内联脚本是否独立于vue?您也可以使用Vue(基于动态数据)添加输入字段。此页面上是否已有Vue应用程序?这是在它内部生成的吗?如果脚本在Vue之外,您可能希望阅读此内容:生成表单的脚本位于文档的头部,而从脚本生成的表单嵌套在Vue app container div中。我无法控制表单元素。它是从第三方脚本嵌入的表单。像Hubspot或Marketo表单。这些字段可以由内容编辑器更改。谢谢Tony。我试过这个。问题是我在html文件中调用了
MktoForms2.loadForm()
,而不是在vue文件中。现在我想起来有点傻。在我的问题中应该更清楚一些,这样有人会说“在JS中调用loadForm函数,而不是在html中内联。”你的回答帮助我做到了这一点。