firstHtp.vue 780 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <template>
  2.  
  3. <div class="box">
  4. <button @click="get1">中文</button>
  5. <button @click="get2">英语s</button>
  6. <button @click="get3">法语</button>
  7. <button @click="get4">俄语s</button>
  8. </div>
  9. </template>
  10. <script>
  11. export default {
  12. name: 'firstHtp',
  13. data() {
  14. return {}
  15. },
  16. mounted() {},
  17. methods: {
  18. get1() {
  19. this.$router.push({ path: 'videoInfo1' })
  20. },
  21. get2() {
  22. this.$router.push({ path: 'videoInfo' })
  23. },
  24. get3() {
  25. this.$router.push({ path: 'videoInfo2' })
  26. },
  27. get4() {
  28. this.$router.push({ path: 'videoInfo3' })
  29. },
  30. },
  31. }
  32. </script>
  33. <style scoped>
  34. .box {
  35. width: 600px;
  36. display: flex;
  37. justify-content: space-around;
  38. margin: 50px auto;
  39. }
  40. .box > button {
  41. width: 200px;
  42. height: 40px;
  43. text-align: center;
  44. line-height: 40px;
  45. }
  46. </style>