Vue.js 按钮点击弹出视频播放窗口代码示例

<template>
  <div>
    <button @click="playVideo">播放视频</button>
    <div v-if="isVideoVisible">
      <!-- 视频播放窗口的代码 -->
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      isVideoVisible: false
    }
  },
  methods: {
    playVideo() {
      this.isVideoVisible = true;
    }
  }
}
</script>
<p>在上述代码中，我们给按钮绑定了一个点击事件<code>playVideo</code>，当按钮被点击时，会将<code>isVideoVisible</code>属性设为<code>true</code>，从而显示视频播放窗口。</p>