راکت

اضافه کردن html داینامیک به dom با ویو

2 پاسخ

دوستان سلام
Image of project
من یه همچین پروژه ای با ویو نوشتم. ما یه تعداد سوال اینجا داریم. می خوام یه سوال جدید که انتخاب می کنم html اون سوال هارو add کنه و یه سوال دیگه اضافه بشه به صفحه.
تمام html های سوال هارو توی یک data ذخیره کردم. مشکل اینجاست که وقتی سوال رو ادد می کنیم به صفحه انگار ویو اون رو نمی شناسه پس اون سوال جدیدی که ادد شده حالت داینامیک نداره و فقط html به صورت استاتیک ادد شده و دکمه ها و تمام js هایی که روش سوار کرده بودم کار نمی کنه.
روش اول این بود که با jquery سوال جدید رو به DOM ام append می کردم. گفتن که این روش خوب نیست و باید از v-for ویو استفاده کنم
پس اومدم به این صورت کار کردم

                <div id="add-new-question" v-for="item in questionItems" v-html="item"></div>

الان که می خوام سوال اضافه کنم داخل آرایه questionItems اضافه می کنم و بعدش با v-for خودش رندر میشه ولی بازم به صورت داینامیک کار نمی کنه و method های ویو که روش گذاشتم عمل نمی کنه. دیگه نمی دونم باید چی کار کنم. راهی به ذهنتون نمی رسه ؟

@hesammousavi
@ali.bayat
@Alimotreb

ثبت پرسش جدید

پاسخ‌ها

2
حسام موسوی
حسام موسوی
@hesammousavi

تخصص: طراح و برنامه نویس

سلام وقتون بخیر
چرا html ادد میکنید چرا اونو به شکل component در نمیارید و بعد ادد کنید ؟

hamed sarkhosh
hamed sarkhosh
@ham.sarkhosh

تخصص: برنامه نویس

اره. خیلی تلاش کردم و راه های مختلفی رو امتحان کردم و اخرشم نشد. به همین نتیجه رسیدم که باید به صورت کامپوننت اضافه کنم.
علت این بود که ۱۰ ۱۵ مدل template مختلف سوال بود. نمی خواستم ۱۰ ۱۵ مدل کامپوننت تعریف کنم و می خواستم تو همین instance اصلی ویو هندلش کنم بره. ولی مثل اینکه راهی نداره. حالا تستش می کنم نتیجش رو میزارم همینجا

شاید پاسخ شما همین‌جا باشد

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام