portal vue

by lxjwlt

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<script src="https://unpkg.com/[email protected]/dist/portal-vue.js"></script>
<div id="app">
  <div @click="onClick">
    <button ref="btn1">button1</button>
    <portal to="destination">
      <button>button2</button>
    </portal>
  </div>


  <portal-target name="destination"></portal-target>
</div>

JavaScript

var app = new Vue({
  el: '#app',
  methods: {
    onClick() {
      alert('click!!')
    }
  },
  mounted () {
  	document.body.appendChild(this.$refs.btn1)
  }
});