After pressing the button, you need to display its value ("123") in the paragraph field.

new Vue({ el: "#app", methods: { val(){ return this.id } } }) 
 p { border: 1px solid #000; width: 250px; height: 35px; } 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="app"> <button id="123" @click="val">button</button> <p v-html="val()"></p> </div>

    1 answer 1

     new Vue({ el: "#app", data() { return { value: '' } }, methods: { getVal(){ this.value = this.$refs.button.getAttribute('id'); } } }) 
     p { border: 1px solid #000; width: 250px; height: 35px; } 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="app"> <button ref="button" id="123" @click="getVal">button</button> <p>{{value}}</p> </div>