JSFiddle - React, Tailwind, and code Playground

by leopoldthecuber

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.0.3/vue.js"></script>
<div id="app"></div>

JavaScript

var App = Vue.extend();

new App({
  el: '#app',
  data() {
    return {
      visible: false
    }
  },
  template: `
    <div>
      <p>首次点击 toggle 按钮，出现 focus 按钮，回车有效</p>
      <p>再次点击 toggle 按钮，出现 focus 按钮，回车无效</p>
      <button @click="visible = true">toggle</button>
      <div v-if="visible">
        <button autofocus @click="visible = false">focus</button>
      </div>
    </div>
  `
})