Как правильно передать компоненты vuetify в компонент vueJs динамически

Question

У меня есть это в моих данных;

data(){
    text: 'Go to <v-btn> to="profile">Profile</v-btn>'}

Теперь мне нужно отрендерить это с помощью html в моем компоненте. Я пробовал использовать этот <div v-html="text"></div>, но он не отображался. Как правильно это сделать.

Answer 1

Как указано в docs , вы не можете составить шаблон, используя v-html, а также он подвержен атакам XSS.

Если вы хотите скомпилировать шаблон, вы можете использовать v-runtime-template , это примет ваш шаблон и скомпилирует его для отображения компонентов vuetify.

Answer 2

Думаю, это может тебе помочь. V-btn имеет дополнительный >.

<div>
   Go To<v-btn :to="{name:'nameofcomponent'}">Profile</v-btn>
</div>

Имя компонента будет именем, которое вы определили в своих маршрутах для вашего компонента. Например:

{
 path: "/profile",
 name: "profile",
 component: () => import("path to profile file")
},