Vue.js 在Vue中将数据从子元素返回到父元素

在上次更新之前，我使用了一个自定义组件来处理滑块。工作很好，但升级后我遇到了一个问题。 这是我使用自定义组件的方式：

<ta-slider2 v-model="stelling1"/>

这会将值传递给自定义组件并接收回数据。 这是我的自定义组件

<template>
    <div class="mt-3">
        <div><br><br></div>
        <v-slider
                prop="value"
                v-model="interface"
                :value="value"
                :color="color"
                always-dirty
                min="-100"
                max="100"
                thumb-label="always"
        >
            <template v-slot:append>
                <v-icon color="blue">add_circle_outline</v-icon>
            </template>
            <template v-slot:prepend>
                <v-icon color="error">remove_circle_outline</v-icon>
            </template>
        </v-slider>
    </div>
</template>

<script>
    export default {
        name: "ta-slider2",
        props: {
            value: null
        },
        data() {
            return {

            }
        },

        computed: {
            interface: {
                get() {
                    return this.value
                },
                set(val) {
                    this.$emit('input', val)
                }
            },


            color() {
                if (this.value < 0) return 'red'
                if (this.value > 0) return 'blue'
                return 'red'
            },
        },
    }
</script>

<style scoped>

</style>

添加_圆_轮廓
删除\u圆\u轮廓
导出默认值{
名称：“ta-slider2”，
道具：{
值：null
},
数据（）{
返回{
}
},
计算：{
接口：{
得到（）{
返回此.value
},
设置（val）{
此.$emit（'input'，val）
}
},
颜色（）{
如果（此值<0）返回“红色”
如果（this.value>0）返回“蓝色”
返回“红色”
},
},
}

---

工作非常完美，但现在带有v-model=“interface”的线路出现了问题。谷歌搜索了几个小时，但找不到解决方案。谁能帮我解决问题？

您在console中遇到了什么错误？

v-slider

是什么样子的？v-slider是vuetify slider组件。在eslint和控制台中，我得到了一条消息：接口可能不会被使用，它是保留的