From 4be41435c03ef34b6f4b213f248a1dd5be45f8c4 Mon Sep 17 00:00:00 2001
From: hdx <hdx@dcloud.io>
Date: Wed, 20 Sep 2023 14:00:30 +0800
Subject: [PATCH] =?UTF-8?q?slider-100:=20=E8=B0=83=E6=95=B4=E7=A4=BA?=
 =?UTF-8?q?=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/component/slider-100/slider-100.uvue | 30 ++++++++++------------
 1 file changed, 13 insertions(+), 17 deletions(-)

diff --git a/pages/component/slider-100/slider-100.uvue b/pages/component/slider-100/slider-100.uvue
index ad36cf67..1868e77a 100644
--- a/pages/component/slider-100/slider-100.uvue
+++ b/pages/component/slider-100/slider-100.uvue
@@ -1,7 +1,7 @@
 <template>
   <!-- #ifdef APP -->
   <scroll-view class="page">
-    <!-- #endif -->
+  <!-- #endif -->
     <page-head :title="title"></page-head>
     <view class="flex-row">
       <view class="flex-fill">
@@ -21,13 +21,13 @@
           @change="sliderChange" :value="sliderValue" :block-size="20" :show-value="true" />
       </view>
     </view>
-    <!-- #ifdef APP -->
+  <!-- #ifdef APP -->
   </scroll-view>
   <!-- #endif -->
 </template>
 
 <script>
-  import { ComponentPublicInstance } from 'vue';
+  type SliderRender = (value : number) => void
   export default {
     data() {
       return {
@@ -45,22 +45,18 @@
       updateSliderValue(value : Number) {
         // this.sliderValue = value
 
-        // 跳过vue框架，直接修改原生组件
-        (this.$refs["slider1"]! as ComponentPublicInstance[]).forEach((item) => {
-          item.$data["$sliderValue"] = value
-          item.$callMethod("_onRender")
+        // TODO 跳过vue框架，直接修改原生组件
+        (this.$refs["slider1"]! as Element[]).forEach((item) => {
+          (item.ext['render'] as SliderRender)(value)
         });
-        (this.$refs["slider2"]! as ComponentPublicInstance[]).forEach((item) => {
-          item.$data["$sliderValue"] = value
-          item.$callMethod("_onRender")
+        (this.$refs["slider2"]! as Element[]).forEach((item) => {
+          (item.ext['render'] as SliderRender)(value)
         });
-        (this.$refs["slider3"]! as ComponentPublicInstance[]).forEach((item) => {
-          item.$data["$sliderValue"] = value
-          item.$callMethod("_onRender")
+        (this.$refs["slider3"]! as Element[]).forEach((item) => {
+          (item.ext['render'] as SliderRender)(value)
         });
-        (this.$refs["slider4"]! as ComponentPublicInstance[]).forEach((item) => {
-          item.$data["$sliderValue"] = value
-          item.$callMethod("_onRender")
+        (this.$refs["slider4"]! as Element[]).forEach((item) => {
+          (item.ext['render'] as SliderRender)(value)
         });
       }
     },
@@ -83,4 +79,4 @@
   .slider {
     margin: 1px 0.5px;
   }
-</style>
+</style>
\ No newline at end of file
-- 
GitLab