vue element按钮

Question

<el-button type="primary" @click="btn1" :data-value="btnarray.btn1" native-type="button">主要按钮</el-button>

data() {
      return {
        btnarray:{
            btn1:"主要按钮",
            btn2:"成功按钮"
        }
      }
    },

想给按钮赋值，点击的时候获取按钮的值。但是为什么有的时候可以得到这个值，有的时候得到的就是undefined

有的时候结果是这样：

然后就变成：

Answer 1

使用vue不建议操作dom，你想要点击的时候得到按钮的值，尽可能使用传参的方式。

<el-button type="primary" @click="btn1(btnarray.btn1)" :data-value="btnarray.btn1" native-type="button">主要按钮</el-button>
export default {
    data () {
        return {
            ...这里不用变
        }
    },
    methods: {
        btn1 (value) {
            console.log(value) //按钮的值
        }
    }
}

Answer 2

用vue就不要操作dom，不要再用jquery时代的思维，想要变量直接data中加一个变量即可