求指点

问题出现的环境背景及自己尝试过哪些方法

环境:使用webpack搭建的vue生产环境项目,有node.js
首先是官方文档https://element.eleme.cn/#/zh-CN/component/slider
image.png
然后本人在项目中定义了tooltip-class
image.png
但是在页面中并不生效
image.png
是因为我方式不正确吗?求大神指点QAQ### 问题描述

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

<template>
  <div class="">
    <el-slider v-model="value1" tooltip-class="ttc"></el-slider>
  </div>

</template>

<script>
    export default {
        name: "test",
        data() {
            return {
              value1:2
            }
        },
        components: {},
        computed: {
        },
        methods: {}
    }
</script>

<style scoped>
.ttc{
  background: #00A9FE;
}
</style>

你期待的结果是什么?实际看到的错误信息又是什么?

我期望可以改变tooltip的样式,把它改成透明背景,灰色字,并且在下方显示,但是现在连背景颜色都修改不了

待解决 悬赏分:60 - 离问题结束还有 348天11小时13分20秒
反对 0举报 0 收藏 0

我来回答

回答2