در جلسه ی قبل پس از ارائه ی خلاصه ای کوتاه از جلسات، به بحث two-way-binding پرداختیم. مشکلی که در جلسه ی قبل معرفی شد، تغییر state توسط کاربر و یک input ساده بود. ما از فصل های اول این دوره یاد گرفته ایم که می توانیم با استفاده از v-model یک خصوصیت و یک input را به هم متصل کنیم تا با تغییر هر کدام، دیگری نیز تغییر کند اما مشکل جدید اینجاست که نمی توانیم خصوصیت computed خود را به روز رسانی کنیم. خصوصیت computed ما به نام value (فایل app.vue). راه های مختلفی برای حل این مشکل وجود دارد که من یکی از آن ها را به شما نشان می دهم. در ابتدا باید input خود را از حالت v-model در بیاوریم چرا که نمی توانیم با خصوصیت computed یک رابطه ی two-way-binding را راه بیندازیم. به جای آن Value عادی را قرار داده و سپس یک رویداد input را برایش تعریف می کنیم. امیدوارم رویداد input را از فصل های اول این دوره ی آموزشی به یاد داشته باشید. input@ یک event listener است که هنگام تایپ شدن، فعال می شود. با این کار گفته ام که در هنگام به روز رسانی input (تایپ مقدار جدید یا حذف مقدار قبلی) متد updateValue را اجرا کن.
پنل نویسندگان