elementui el-form中el-form-item自定义label

问题描述:

在开发中有时候对表单的label需要加入图标,如下图所示:

elementui el-form中el-form-item自定义label_第1张图片

实现方法,将自定义代码块中加入属性slot=“label”即可;

下面是代码实现:(仅提供自定义label行,方便大家使用;)


    
      
      活动名称
    
    
  

 下面为上图完整版实例:


  
    
      
      活动名称
    
    
  
  
    
      
      
    
  
  
    
      
    
    -
    
      
    
  
  
    
      
      
      
    
  
  
    
      
      
    
  
  
    立即创建
    取消
  

js部分省略,需要的可自行补充完整;

vue element-ui 中的 select remote-method 函数中自定义传参icon-default.png?t=LA92https://blog.csdn.net/qq_38909255/article/details/121163730

element-ui tooltip修改背景颜色和箭头颜色icon-default.png?t=LA92https://blog.csdn.net/qq_38909255/article/details/121820696

你可能感兴趣的:(element,U,I,vue,elementui,前端,javascript,vue.js)