From c4e9d054916c3f085329a67c7664b4c54f9137f9 Mon Sep 17 00:00:00 2001
From: riku <risaku@163.com>
Date: 星期二, 07 五月 2024 17:36:09 +0800
Subject: [PATCH] 完成折线图相关功能的迁移
---
src/components/SliderBar.vue | 13 ++++++++++++-
1 files changed, 12 insertions(+), 1 deletions(-)
diff --git a/src/components/SliderBar.vue b/src/components/SliderBar.vue
index 4bb44f7..7a1f519 100644
--- a/src/components/SliderBar.vue
+++ b/src/components/SliderBar.vue
@@ -3,6 +3,7 @@
<el-form-item label="鏁版嵁閲�">
<el-select
v-model="pageSize"
+ @change="handleSizeChange"
placeholder="鏁版嵁閲�"
size="small"
class="w-60"
@@ -12,12 +13,13 @@
</el-select>
</el-form-item>
<div class="slider-wrap m-l-16">
- <el-slider v-model="progress" :marks="marks" />
+ <el-slider v-model="progress" :marks="marks" @input="handleInput" />
</div>
</el-row>
</template>
<script>
export default {
+ emits: ['input', 'sizeChange'],
data() {
return {
pageSize: 200,
@@ -37,6 +39,15 @@
}
}
};
+ },
+ methods: {
+ handleInput(e) {
+ // console.log(e);
+ this.$emit('input', e);
+ },
+ handleSizeChange(e) {
+ this.$emit('sizeChange', e);
+ }
}
};
</script>
--
Gitblit v1.9.3