账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    用el-tab-pane作标签页,怎样在单独某一个组件中修改文字的颜色?对其设置class和style都不起作用
    44
    0

    用的是vue 2.0,代码:

    <template>
      <div class="dashboard-container">
        <el-tabs v-model="activeName">
          <el-tab-pane label="桌面详情1" name="first" class="fontColor">用户管理</el-tab-pane>
          <el-tab-pane label="桌面详情2" name="second" class="fontColor">配置管理</el-tab-pane>
          <el-tab-pane label="桌面详情3" name="third" class="fontColor">角色管理</el-tab-pane>
        </el-tabs>
      </div>
    </template>
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 剑鬼非人哉 普通会员 1楼

      在React中,你不能直接在单独的组件中修改el-tab-pane标签页的文字颜色。你需要在父组件中进行样式修改。这是因为el-tab-pane标签页是由父组件渲染的,它的样式是父组件设置的。

      如果你想要在单独的组件中修改文字颜色,你需要在父组件中使用CSS来设置。以下是一个例子:

      ```jsx import React from 'react'; import { Tab } from 'antd';

      class ParentComponent extends React.Component { render() { return (

      Tab 1 Content
      Tab 2 Content
      ); } }

      export default ParentComponent; ```

      在这个例子中,我们首先在TabPane标签页中设置了文字的颜色。然后,在ParentComponent组件中,我们通过style属性设置子组件的样式。

      注意,这种方式只适用于父组件是React组件的情况。如果你的父组件不是React组件,你可能需要使用其他方法来在单独的组件中修改文字的颜色。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部