رفتن به نوشته‌ها

دسته: Vue js (ویو جی اس)

فریم‌ورک‌های فراوانی برای توسعه‌دهندگان سمت کاربر (Front-End) وجود دارند که هریک بسته به نیاز و سبک کدنویسی، انتخاب می‌شوند. امروزه توسعه‌دهندگان به دنبال فریم‌ورک‌هایی هستند که علاوه بر قواعد ساختاری قدرتمند، روند آموزشی ساده‌ای داشته باشند. فریم‌ورک Vuejs (با تلفظ ویو‌جی‌اس) یکی از بهترین‌ها در نوع خودش است.

اعتبارسنجی برای فروش سهام و استفاده از فیلترها

ما در قسمت قبل پس از نمایش funds با مشکلی روبرو شدیم: برنامه ی ما اعتبارسنجی نداشت بنابراین می توانستیم بیشتر از چیزی که داریم بفروشیم که خطای بزرگی است! مثلا اگر 10 سهم داشتیم، می توانستیم 400 سهم را بفروشیم! چند خطای دیگر به همین شکل نیز داریم که می توانیم بیشتر از موجودی حساب خود خرید کنیم. مثلا اگر 10 هزار دلار داریم، می توانیم 20 هزار دلار سهم بخریم! مشکل خرید را در همان جلسه ی قبل حل کردیم اما مشکل فروش هنوز پابرجاست. برای حل این مشکل باید به پوشه ی portfolio و سپس فایل stock.vue برویم چرا که این کامپوننت مسئول فروش سهام است. در قدم اول باید خصوصیتی computed به نام insufficientQuantity (به معنی تعداد ناکافی) را تعریف کنیم. در اینجا this.quantity یعنی مقدار تایپ شده در input (تعداد سهمی که می خواهیم بفروشیم) و this.stock.quantity یعنی تعداد سهمی که داریم (از قبل خریده ایم). خصوصیت insufficientQuantity نیز همین مسئله را به صورت یک مقایسه ی ساده انجام می دهد که نهایتا یا true و یا false است. مثل جلسه ی قبل باید این خصوصیت را نیز به عنوان شرط سوم برای دکمه ی Sell در نظر بگیریم: