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

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1eab09b-69795.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1eab09b-69795.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?