RERender vue.js 3 EinzeldateikomponentePhp

PHP-Programmierer chatten hier
Anonymous
 RERender vue.js 3 Einzeldateikomponente

Post by Anonymous »

Ich habe eine einzelne Dateikomponente auf meiner Seite unter tag in diskussion.blade.php , die diese Weise von Laravel Controller auf diese Weise return View :: make ('diskussions.discussions', ['dto' => $ dto]-> render (); Das Problem ist, dass nach AJAX in dieser einzelnen Dateikomponente ich innere HTML von (die VUE-Komponente enthält) ändere und meine Komponente verschwindet. Wie kann ich die Komponente erneut render? Dies. $ crossUpdate () hilft nicht. Zunächst render index.blade.php , das diskussions.blade.php von einem Controller enthält und die gesamte Seite mit meinem App.js rendern

Code: Select all

//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
wo ich AJAX an einen anderen Controller sende, der nur Diskussionen macht.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?

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post