JSFiddle - React, Tailwind, and code Playground

by skirtle

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<div id="app">
  <input type="radio" name="eventname" id="r1" value="click" v-model="dynamicevent">
  <input type="radio" name="eventname" id="r2" value="focus" v-model="dynamicevent">
  <button v-on:[dynamicevent]="showOutput()"> {{dynamicevent}} event bound dynamically </button>
  <span> {{showeventtxt}} </span>
</div>

JavaScript

new Vue({
  el: '#app',
  
  data () {
    return {
      dynamicevent: 'click',
      showeventtxt: ''
    }
  },
  
  methods: {
    showOutput() {
      this.showeventtxt = this.dynamicevent + " event is set"
    }
  }
})