چطوری توی یک کامپوننت یه کامپوننت دیگه رو reload کرد
سلام. دوستان بنده یک صفحه ( home.blade.php ) دارم که داخل اون ۲ تا کامپوننت ویو جی اس هست. اولیش که یه نموداره. کامپوننت دوم یه فرم هست. توی فرم با استفاده از axios دیتا ها رو ارسال میکنم حالا میخواهم که وقتی این دیتا ها ذخیره شد کامپوننت اول که نمودار هست آپدیت بشه .
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
وقتی که درخواست axios با موفقیت ارسال شد٬ یه اِوِنت تعریف کنید:
this.$emit('formSaved')و داخل کدهای home.blade.php و در تگِ کامپوننت نمودارتون به صورت زیر:
<nemoodar v-on:formSaved="updateChart"></nemoodar>و نهایتا متد updateChart رو هم تعریف کنید.
export default {
methods: {
updateChart() {
this.$forceUpdate();
}
}
}@ali.bayat
ممنون اما الان یه اررور دارم. لطفا عکس های زیر که کدها و اررور هستش رو نگاه کنید.
http://s9.picofile.com/file/8347208942/Capture2.PNG
http://s8.picofile.com/file/8347208968/Capture3.PNG
http://s8.picofile.com/file/8347208984/Capture4.PNG
http://s8.picofile.com/file/8347208934/Capture1.PNG
در بعضی موارد ویو اسم اونت‌ها رو تغییر میده. حالت زیر رو هم امتحان کنید:
<nemoodar v-on:form-saved="updateChart"></nemoodar>و همچنین
متد forceUpdate رو روی instance ویو هم میتونید به کار ببرید.
Vue.forceUpdate();اگر همچنان ارور داشتید به مستندات اِوِنت ها در ویو مراجعه کنید:
https://vuejs.org/v2/guide/components-custom-events.html