可以通过vue或者angular双向数据绑定iframe元素吗
1个回答
2017-06-20 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
<div id="app">
<input type="text" v-model="item.name" />
<input type="checkbox" v-model="item.check" />
<input type="date" v-model="item.date" />
<iframe ref="iframe" src="child.html" @load="load"></iframe>
</div>
<script src="http://cdn.bootcss.com/vue/2.1.8/vue.min.js"></script>
<script>
window.app = new Vue({
el: '#app',
data() {
return {
item: {
name: null,
check: false,
date: null,
},
}
},
methods: {
load: function (item) {
const app = this.$refs.iframe.contentWindow.app;
if (app && app.setContent) {
app.setContent(this.item)
}
else {
window._item = this.item
}
}
}
})
</script>
<input type="text" v-model="item.name" />
<input type="checkbox" v-model="item.check" />
<input type="date" v-model="item.date" />
<iframe ref="iframe" src="child.html" @load="load"></iframe>
</div>
<script src="http://cdn.bootcss.com/vue/2.1.8/vue.min.js"></script>
<script>
window.app = new Vue({
el: '#app',
data() {
return {
item: {
name: null,
check: false,
date: null,
},
}
},
methods: {
load: function (item) {
const app = this.$refs.iframe.contentWindow.app;
if (app && app.setContent) {
app.setContent(this.item)
}
else {
window._item = this.item
}
}
}
})
</script>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
