mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-11-10 00:27:41 +08:00
docs(range): update ion-range vue docs (#17885)
This commit is contained in:
committed by
Brandy Carney
parent
29d0d0ef28
commit
f69f221e10
@ -169,10 +169,19 @@ export default Example;
|
|||||||
</ion-item>
|
</ion-item>
|
||||||
|
|
||||||
<ion-item>
|
<ion-item>
|
||||||
<ion-range dualKnobs="true" min="21" max="72" step="3" snaps="true"></ion-range>
|
<ion-range ref="rangeDualKnobs" dual-knobs="true" min="21" max="72" step="3" snaps="true"></ion-range>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
</ion-list>
|
</ion-list>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
mounted() {
|
||||||
|
// Sets initial value for dual-knob ion-range
|
||||||
|
this.$refs.rangeDualKnobs.value = { lower: 24, upper: 42 };
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -28,8 +28,17 @@
|
|||||||
</ion-item>
|
</ion-item>
|
||||||
|
|
||||||
<ion-item>
|
<ion-item>
|
||||||
<ion-range dualKnobs="true" min="21" max="72" step="3" snaps="true"></ion-range>
|
<ion-range ref="rangeDualKnobs" dual-knobs="true" min="21" max="72" step="3" snaps="true"></ion-range>
|
||||||
</ion-item>
|
</ion-item>
|
||||||
</ion-list>
|
</ion-list>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
mounted() {
|
||||||
|
// Sets initial value for dual-knob ion-range
|
||||||
|
this.$refs.rangeDualKnobs.value = { lower: 24, upper: 42 };
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
```
|
```
|
||||||
|
|||||||
Reference in New Issue
Block a user