JSFiddle - React, Tailwind, and code Playground

by blackmiaool

HTML

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@latest/lib/index.js"></script>
<div id="app">
  <div>
    <el-tooltip ref="a" class="item" effect="dark"   content="Top Left prompts info" placement="top-start" :popper-options="{removeOnDestroy:false}" @input="log($event)">
      <el-button>top-start</el-button>
    </el-tooltip>
  </div>
</div>

CSS

@import url("//unpkg.com/[email protected]/lib/theme-chalk/index.css");

JavaScript

var Main = {
  data() {
    return {
        options: [{
          value: '33',
          label: 'Option1'
        }, {
          value: '',
          label: 'Option2'
        }, {
          value: 'Option3',
          label: 'Option3'
        }, {
          value: 'Option4',
          label: 'Option4'
        }, {
          value: 'Option5',
          label: 'Option5'
        }],
        value: undefined
      }
  },
  methods: {
  	log($event){
    	console.log($event)
      console.log(this.$refs.a)
      
    }
  },
  mounted(){
  this.$refs.a.$options.deactivated[0]=()=>{console.log(2)}
  }
}
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')