0

<el-button type="primary">主要按钮</el-button>如果直接使用该行代码,则出现蓝色按钮
而<el-button>主要按钮</el-button>的话则是普通按钮

我想着先写<el-button>主要按钮</el-button>后,获取其标签对象,给它增加这个属性:
obj.setAttribute('type', 'primary'),希望通过这一操作来使其变为蓝色按钮。

而目前直接这样操作并不会改变按钮的颜色,想着是否能通过使该组件重新实例化一次来识别这个type属性,其他方法亦可,求大神指点~

1 个回答

0
<div id="app">
    <el-button :type='type'>按钮</el-button>
    <button @click='change'>change</button>
</div>
<script>
    var vm = new Vue({
        el: "#app",
        data: {
            type: ''
        }
        methods: {
            change: function() {
                this.type = 'primary'                
            }
        }
    })
</script>