Vue

by wistcc

HTML

<div id="app">
  <a 
    href="https://www.google.com/"
    :tagert="getTargetValue">
    Google
    </a>
  <button @click="toggleTarget">
     Enable target
  </button>
</div>

Vue

new Vue({
  el: "#app",
  props: {
  	openNewTab: {
    	type: Boolean,
      default: true,
    }
  },
  computed: {
  	getTargetValue: function(){
    	 return this.openNewTab ? '_blank' : null;
    }
  },
  methods: {
  	toggleTarget() {
    	this.openNewTab = !this.openNewTab;
    },
  },
})