• element-UI的操作步骤steps每一项添加事件,比如click,hover


    
    

    简单来说,只添加click 和css :hover就好了

    一、组件里

    <el-steps :space="200" :active="1" finish-status="success">
      <el-step @click.native="on_click(1)" title="已完成"></el-step>
      <el-step @click.native="on_click(2)" title="进行中"></el-step>
      <el-step @click.native="on_click(3)" title="步骤 3"></el-step>
    </el-steps>

    二、方法里

    methods: {
          on_click(e){
           console.log(e);
        }
      }

    三、css里

    .el-step__head:hover {
      color: #67c23a;
      border-color: #67c23a;
    }

    嗯。就酱~

    参考https://jsfiddle.net/1m6kkqgg/

  • 相关阅读:
    .net软件开发工程师面试题
    html笔记
    好用软件
    谷歌插件
    vue笔记
    js笔记
    数组去重
    css全局样式
    css笔记
    vscod插件
  • 原文地址:https://www.cnblogs.com/jin-zhe/p/10181895.html
Copyright © 2020-2023  润新知