From 264880703c677d63b7e35b5eb085e6bc3214e3ed Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期三, 17 七月 2024 18:29:31 +0800 Subject: [PATCH] 2024.7.17 --- src/components/SliderBar.vue | 13 +++++++++---- 1 files changed, 9 insertions(+), 4 deletions(-) diff --git a/src/components/SliderBar.vue b/src/components/SliderBar.vue index 7a1f519..6acf1bd 100644 --- a/src/components/SliderBar.vue +++ b/src/components/SliderBar.vue @@ -13,17 +13,22 @@ </el-select> </el-form-item> <div class="slider-wrap m-l-16"> - <el-slider v-model="progress" :marks="marks" @input="handleInput" /> + <el-slider :model-value="progress" :marks="marks" @input="handleInput" /> </div> </el-row> </template> <script> export default { - emits: ['input', 'sizeChange'], + props: { + progress: { + type: Number, + default: 0 + } + }, + emits: ['update:progress', 'sizeChange'], data() { return { pageSize: 200, - progress: 0, marks: { 0: { style: { @@ -43,7 +48,7 @@ methods: { handleInput(e) { // console.log(e); - this.$emit('input', e); + this.$emit('update:progress', e); }, handleSizeChange(e) { this.$emit('sizeChange', e); -- Gitblit v1.9.3