Javascript 将IFrame SRC绑定到VueJS数据

我可以将输入值更改为iframe的src吗。VueJS是否可以这样做 我在想象：

Vue.组件'base-iframe'{ 数据：函数{ 返回{ 网址：'https://example.com' } }, 模板： } 新Vue{ el:“组件演示” } Vue.组件'base-iframe'{ 数据：函数{ 返回{ 网址：'https://example.com' } }, 模板： } 新Vue{ el:“组件演示” }

---

您应该能够执行以下操作：

让vm=新Vue{ 数据：{ iframeSrc:welcome.html， }, }; 但是您需要将Vue绑定到某个父元素，如

新Vue{ el:应用程序， ... }

---

您应该能够执行以下操作：

让vm=新Vue{ 数据：{ iframeSrc:welcome.html， }, }; 但是您需要将Vue绑定到某个父元素，如

新Vue{ el:应用程序， ... }

---

您可能应该使用访问元素您可能应该使用访问元素感谢此帮助感谢此帮助感谢此帮助但对我尝试的内容无效感谢此帮助但对我尝试的内容无效

<input id="input"/>
<iframe src="welcome.html"></iframe>

let vm = new Vue ({
  data: {
    src: "welcome.html",
  }, 
});
document.getElementById("input").value = /* src from vm.data? */