Basic Vue.js Sandbox

by jaap

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.min.js"></script>
<body>
  <div id="container">
    <h1>Add to whatsapp tool</h1>
    <input placeholder="Tel nr" type="text" v-model="phonenumber">
    <br>

    
    <a :href="link" target="_blank">Open in whatsapp</a>
  </div>

JavaScript

var vm = new Vue({
  el: "#container",
  data: {
    phonenumber: null,
  },
  computed: {
	  link(){
    	return "https://web.whatsapp.com/send/?phone="+this.phonenumber;
    }
  }
});