From 80079d9802dd2445820b112fe818d61e1cc21c6f Mon Sep 17 00:00:00 2001 From: riku <risaku@163.com> Date: 星期三, 15 五月 2024 18:08:03 +0800 Subject: [PATCH] 修复bug --- 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