Я пытаюсь использовать VueMarkdown , используя функцию postrender для добавления некоторых пользовательских вещей, таких как:
template:
<vue-markdown :source="post.body" :postrender="postRender"></vue-markdown>
script:
function postRender(input: any){
return = input.replace(/(\>|\s)@([a-z0-9-]+)/g,"$1<user :val='$2'></user>");
}
Вход postrender является строкой html и ожидает возврата строки html, которая будет использоваться в DOM. <user/> Компонент означает, что он не скомпилирован, поэтому вывод в итоге выглядит следующим образом:
example <user :val='@user'></user> test
Я рассмотрел несколько вариантов, таких как попытка скомпилировать строку перед возвратом, обтекание vue-markdown в динамическом компоненте c, et c. На данный момент, я уверен, что я делаю что-то не так, и, вероятно, нужно начать с этого с самого начала. Итак, как я могу использовать пользовательский компонент в элементе уценки в Vue?