محسن مهری
3 سال پیش توسط محسن مهری مطرح شد
3 پاسخ

bind کردن یک لیست به چند inputs و تبدیل لیست به object

درود مهندسین وقتتون بخیر. خلاصه میگم
آقا طبق این قسمت مستندات سایت vuejs من اومدم و چند checkBox رو با یک لیست bind کردم به این صورت،
اما حالا به جایی که برام یک لیست برگردونه یک object برمیگردونه؟
جالب تر اینکه توی proto اش نوشته array ، اما وقتی نوع لیست رو با typeof خروجی میگیرم مقدار object رو برمیگردونه ؟
کسی میتونه توضیح بده اینجا چه اتفاقی افتاد اصلا ؟ لطفا عکس رو هم مشاهده کنید چون شاید بد توضیح داده باشم. ( عکس در انتها گذاشتم)

<input type="checkbox"  name="development" v-model="model_values.development" @change="checkbox_development(12)" value="12">
/* in data : */
data: function () {
    return {
      model_values: {
        development:[], ....
/* in data ...*/
checkbox_development(value_input){
      console.log('value_input : ',value_input)
      console.log('development : ',this.model_values.development)
      console.log('typeof development : ',typeof this.model_values.development)
    }

توضیح تصویر رو وارد کنید


ثبت پرسش جدید
حامد نیرومند
تخصص : برنامه‌نویس
@hamedniroomand 3 سال پیش مطرح شد
2

کلا در جاوااسکریپت، تایپ مقادیر null، آرایه و آبجکت، بصورت آبجکت برگردونده میشه

typeof null = typeof [] = typeof {} = object

برای اینکه تایپ یک آرایه رو چک کنید بهتره از دستور زیر استفاده کنید:

[].constructor.name

محسن مهری
تخصص : full stack developer php larav...
@mohsen.mehri.business2 3 سال پیش آپدیت شد
0

@hamedniroomand
درود عزیز - میتونین در مورد اینم توضیح بدین که اون ob چیه ?


حامد نیرومند
تخصص : برنامه‌نویس
@hamedniroomand 3 سال پیش آپدیت شد
1

این و امثالش که به آبجکت ها اضافه میشن، یک سری پراپرتی ویژه ان که توسط vue اضافه میشن.
درواقع اینا بخشی از سیستم واکنش پذیری vue به تغییرات مختلف ان که به vue اجازه میدن دیتا ها رو ترک کنه و مشکلی در تغییر یا آپدیت اون ها بوجود نیاد و بتونه دام رو به راحتی تغییر بده.


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

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