element ui 中el-button按钮,根据不同数据改变按钮type即显示颜色

在这里插入图片描述

例一:

html:

   <el-button
        :type ="buttonType(item)"
        plain
        v-for="(item, index) in btnsArr"
        :key="index"
        @click="runBtnEvent(item,index)"
    >${ item.label }
    </el-button>

JS:

        methods:{
            buttonType(val){
                if(val.flag == "1"){
                    return "primary"
                }
                else{
                    return "info"
                }
            },

            runBtnEvent(btn,index) {
                var that = this;
            },
       }     
                

例二:

**html**
<el-button :type="buttonType(val)">按钮1</el-button>
<el-button :type="buttonType(val)">按钮2</el-button>

js:

  methods:{
    buttonType(val){
     if(val=="success"){
       return "primary"
     }
     if(val=="failure"){
       return "danger"
     }
 
   }
 }
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45 7 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐