Просмотр исходного кода

refactor(weatherStation): 使用v-model绑定滑块值并添加change事件处理

添加change事件处理方法来更新滑块值,替换原有的value绑定方式,提升代码的可维护性和响应性
allen 1 неделя назад
Родитель
Сommit
6e02c92219
1 измененных файлов с 10 добавлено и 2 удалено
  1. 10 2
      pages/deviceDetails/weatherStation/devControl.vue

+ 10 - 2
pages/deviceDetails/weatherStation/devControl.vue

@@ -14,10 +14,11 @@
       <view class="title date-title">本地存储间隔(min)</view>
       <view class="date-slider">
         <slider
-          :value="storageVal"
+          v-model="storageVal"
           show-value="true"
           :min="1"
           :max="240"
+          @change="changeStorageVal"
           block-color="#57C878"
           activeColor="#57C878"
           step="1"
@@ -26,10 +27,11 @@
       <view class="title date-title">数据传输间隔(min)</view>
       <view class="date-slider">
         <slider
-          :value="dataInterval"
+          v-model="dataInterval"
           show-value="true"
           :min="1"
           :max="240"
+          @change="changeDataInterval"
           block-color="#57C878"
           activeColor="#57C878"
           step="1"
@@ -59,6 +61,12 @@ export default {
     };
   },
   methods: {
+    changeDataInterval(v){
+      this.dataInterval = v.detail.value
+    },
+    changeStorageVal(v){
+      this.storageVal = v.detail.value
+    },
     // 获取设备控制参数信息
     async getDevControlParams() {
       this.loading = true