call-method-uni-element.uvue 737 字节
Newer Older
H
hdx 已提交
1 2 3 4 5 6 7 8 9 10
<template>
  <view>
    <slider ref="slider1"></slider>
  </view>
</template>

<script>
  export default {
    data() {
      return {
雪洛's avatar
雪洛 已提交
11
        slider1: null as UniSliderElement | null
H
hdx 已提交
12 13 14
      }
    },
    onReady() {
雪洛's avatar
雪洛 已提交
15
      // 通过组件 ref 属性获取组件实例, Uni组件名(驼峰)UniElement
雪洛's avatar
雪洛 已提交
16
      this.slider1 = this.$refs['slider1'] as UniSliderElement;
H
hdx 已提交
17 18 19 20
    },
    methods: {
      setValue() : boolean {
        // 设置组件的 value 属性
雪洛's avatar
雪洛 已提交
21
        this.slider1!.value = 80;
H
hdx 已提交
22
        return true;
H
hdx 已提交
23 24
      },
      callMethodTest(text: string): string | null {
雪洛's avatar
雪洛 已提交
25 26
        this.slider1!.setAttribute('str', text);
        const result = this.slider1!.getAttribute('str') as string;
H
hdx 已提交
27 28
        return result;
      },
H
hdx 已提交
29 30 31
    }
  }
</script>