محدوده قیمت nouislider در livewire
سلام روز بخیر
میخواستم بدونم زمانی که صفحه ای را با livewire پیاده سازی میکنیم . چطور میشه به بخش کد های جاوااسکریپت دستررسی داشت ؟
صفحه ی سرچ محصولات به صورت livewire نوشتم . به وسیله nouislider میخواستم فیلتر برای محدوده قیمت در نظر بگیرم
var directionSlider = document.querySelector('.price_rang');
noUiSlider.create(directionSlider, {
start: [0, 100],
connect: true,
direction:'rtl',
range: {
'min': 0,
'max': 100
}
});از کد بالا به چه شکل استفاده کنم ؟
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
برای اینکار شما یه propertyایجاد میکنی که مقدار مورد نظر داخلش ذخیره بشه
از داخل مستندات noUiSlider رویداد اپدیت این کتابخونه رو پیدا کنید (این صفحه رو مشاهده کنید) و بعد از نوشتن کد رویداد اپدیت داخلش این کد رو قرار بدید
var data
@this.set('filter_range', data);توی تکه کد بالا شما باید مقدار رو از noUiSlider دریافت کنید و داخل متغیر data بریزید و خط بعدی کاری که انجام میده و مربوط به livewire هست مقادیری که داخل data وجود داره رو میریزه داخل property که تعریف کرده بودیم (که اینجا فرض میکنیم property ما filter_range هستش)