Rerender vue.js 3 одно файловый компонент ⇐ Php

[Anonymous]

У меня есть однофайловый компонент Vue на моей странице в разделе «Обсуждение»> Tag в Discearn.blade.php , который отдает от контроллера Laravel. Проблема заключается в том, что после Ajax в этом едином компоненте файлов я изменяю внутреннюю HTML из (который содержит компонент VUE), и мой компонент исчезает. Как повторно заполнить компонент? Это. $ forceUpdate () не помогает.
Вот мой код. Сначала я рендеринг index.blade.php , который включает в себя degvionsions.blade.php из контроллера, и он отображает всю страницу с помощью моего App.js , где я регистрирую и монтажную компонент и ее рендеры.

Код: Выделить всё

//discussions.blade.php



@foreach($dto->discussions as $discussion)



@endforeach







< /code>
//app.js
import {createApp} from 'vue/dist/vue.esm-bundler';
import SignupForm from './components/SignupForm.vue';
import LoginForm from './components/LoginForm.vue';
import DiscussionFilter from './components/DiscussionFilter.vue'

const app = createApp({});
app.component('signup-form',SignupForm);
app.component('login-form',LoginForm);
app.component('discussion-filter',DiscussionFilter);
app.mount('#app'); //#app goes from layouts/app.blade.php
< /code>
Fragment of my DiscussionFilter.vue

, где я отправляю AJAX другому контроллеру, который отдает только обсуждение.blade.php
axios.get('/discussions/filter',{params:data})
.then((response) => {
$('#discussions-wrapper').html(response.data);
}).catch((error) => console.log(error));
< /code>
Problems is that template from controller renders my data in page but Vue component doesn't renders. It seems I need something like re render or re mount. But how I can achieve this?

Подробнее здесь: https://stackoverflow.com/questions/795 ... -component