Vue.js 如何将inserted（）和动态指令结合起来？

我正在尝试创建一个语言下拉列表，但由于它在默认情况下必须选择一个值，因此我需要插入以更改默认语言名称的文本，但我还需要在更改语言选择时更改所选语言的文本。我真的希望它只依赖于$i18n.locale变量 现在我使用的是两条指令的拐杖

selectedLocaleFirst:{
插入（el、绑定、vnode）{
el.innerHTML=document.querySelector(
`div[data locale=“${vnode.context.$i18n.locale}”]`
).innerHTML；
},
},
selectedLocaleDynamic（el、绑定、vnode）{
el.innerHTML=document.querySelector(
`div[data locale=“${vnode.context.$i18n.locale}”]`
).innerHTML；
}，