Element-ui+Vue 的el-menu菜单第二次点击刷新解决方案

在html页面<el-menu> 加上属性@select="handleSelect"，如以下代码： 

                 <el-menu
                        :default-active="activeIndex"
                        :default-openeds="['1']"
                        @select="handleSelect">
                    <el-submenu index="1">
                        <template slot="title"><i class="el-icon-menu"></i>导航</template>
                        <el-menu-item index="1-1" v-if="is_show_user">
                            <router-link to="/listener" class="mens" tag="span">小程序使用监控</router-link>
                        </el-menu-item>
                      
                    </el-submenu>
                    </el-submenu>
                </el-menu>

 

1、修改router数组对象的item里面的component:{ template:'' }，component.template 内容修改添加一个iframe 的ID，对应routers 里item的name,如name:listener,则iframe的ID为：iframe_listener；

2、在JS 添加vue的method 方法 handleSelect，如下：

Vue.prototype.axios = axios;
Vue.use(VueRouter);
const router = new VueRouter({
    routes: [        
        {
            path: '/listener',
            name: 'listener',
            component: {
                template: `
                   <div>
                   <iframe  id="iframe_listener"  src="../total/listener"></iframe>
                    </div>
   `
            }
        }

    ]
})
new Vue({
    el: "#app",
    router: router,
    created() {
        this.url = 'xxxx';
    },
    mounted() {},
    filters: {},
    methods: {
        handleSelect(key, keyPath){
            const this_=this;
            const date=new Date();
            const _url=document.getElementById("iframe_"+this._route.name).src;
            let _path=_url+'?t='+date.getTime();
            if(_url.indexOf('?')!= -1){
                _path= (_url.substr(0,_url.indexOf('?')))+'?t='+date.getTime();
            }
            document.getElementById("iframe_"+this._route.name).src=_path;
        }
    },

})