Vue2.0 路由给iframe传值

需求： 一个组件给一个iframe组件传递 src值

iframe组件

<template>
    <div><iframe :src="url" width='100%' height='700' frameborder='0'></iframe></div>
</template>

<script>
    export default {
        data(){
            return {
                url: this.$route.params.url,
            }
        },
}
</script>

传递组件方法

this.$router.push({
                          name: 'iframe',
                          params: {
                              url: "http://baidu.com";                          }
                    });

路由配置 route-config.js

export default [
{
    name:'iframe',path:'/iframe',component:iframe,

  }
]