0

После нажатия на кнопку нужно вывести его значение ("123") в поле параграфа.

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 ответ 1

3

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>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.