vuejs의 html 태그에 dir rtl 특성 추가

vuejs의 html 태그에 dir rtl 특성 추가

다음을 사용하여 vue 프로젝트를 만들었습니다.vue create명령어. Atribute를 추가합니다.dir="rtl"html 태그로 이동합니다.에Nuxt.js델은 다음과 같이 합니다.

<template>
    <div>Main View</div>
</template>
<script>
export default {
    name: 'app',
    head: {
        htmlAttrs: {
          lang: 'fa',
          dir: 'rtl'
        },
    }
</script>

하지만 Vuejs에서는 이 방법이 작동하지 않습니다.어떻게 하면 될까요?

이 설정을 에 삽입해 보겠습니다.createdVue 인스턴스의 훅은 다음과 같습니다.

new Vue({
    el:"#app",
     ...

    created(){
       let htmlEl=document.querySelector("html");
        htmlEl.setAttribute('dir','rtl');
        htmlEl.setAttribute('lang','fa');
      }
   })

언급URL : https://stackoverflow.com/questions/57391221/add-dir-rtl-attribute-to-html-tag-in-vuejs