JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/[email protected]/lib/index.js"></script>
<div id="app">
  <el-menu>
    <el-menu-item :index="'' + i" :key="i" v-for="i in 3" @click.native.right.prevent="e => { rightClick(e, i) }">
      <i class="el-icon-menu"></i>
      <span slot="title">导航{{i}}</span>
    </el-menu-item>
  </el-menu>
</div>

SCSS

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

Babel + JSX

var Main = {
    methods: {
      rightClick(e, i) {
        console.log(e, 'right clicked on item ' + i)
      }
    }
  }
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')