اضافه کردن html داینامیک به dom با ویو
دوستان سلام
من یه همچین پروژه ای با ویو نوشتم. ما یه تعداد سوال اینجا داریم. می خوام یه سوال جدید که انتخاب می کنم 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 های ویو که روش گذاشتم عمل نمی کنه. دیگه نمی دونم باید چی کار کنم. راهی به ذهنتون نمی رسه ؟
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
سلام وقتون بخیر
چرا html ادد میکنید چرا اونو به شکل component در نمیارید و بعد ادد کنید ؟
اره. خیلی تلاش کردم و راه های مختلفی رو امتحان کردم و اخرشم نشد. به همین نتیجه رسیدم که باید به صورت کامپوننت اضافه کنم.
علت این بود که ۱۰ ۱۵ مدل template مختلف سوال بود. نمی خواستم ۱۰ ۱۵ مدل کامپوننت تعریف کنم و می خواستم تو همین instance اصلی ویو هندلش کنم بره. ولی مثل اینکه راهی نداره. حالا تستش می کنم نتیجش رو میزارم همینجا