How to set meta dynamically by vue router

for example, I want to set the information of meta according to type

what should I do with it

{
        path: ":type",
        meta: "detfault"
        component: (resolve) => require(["@/pages/goods/list.vue"], resolve),
        beforeEnter: (to, from, next) => {
            next();
        }
},
Mar.03,2021

{
        path: ":type",
        meta: "detfault"
        component: (resolve) => require(["@/pages/goods/list.vue"], resolve),
        beforeEnter: (to, from, next) => {
            next(vm=>{
                switch(type){
                }
                //metautf8
                var oMeta = document.createElement('meta');
                oMeta.charset = 'utf-8';
                document.getElementsByTagName('head')[0].appendChild(oMeta);
            });
        }
},

vue-router document


vue-meta this can also be used

Menu