element ui 中el-button按钮 , 动态设置el-button的type 即显示颜色

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"}}}