vue怎么实现表单提交或者页面刷新

Question

<template>
  <form>
    请输入标题:<input v-model="text" type="text"><br/>
    请选择次数:
    <input v-model="count" type="radio" value="1">1
    <input v-model="count" type="radio" value="2">2
    <input v-model="count" type="radio" value="3">3
    <input v-model="count" type="radio" value="4">4
    <br/>
    请选择地点
    <select v-model="selected">
      <option>中国</option>
      <option>美国</option>
      <option>俄国</option>
      <option>德国</option>
      <option>英国</option>
    </select>
    <br/>
    请选择时间
    <input v-model="time" type="checkbox" value="1960-12-31">1960-12-31
    <input v-model="time" type="checkbox" value="2000-1-21">2000-1-21
    <input v-model="time" type="checkbox" value="2030-9-8">2000-1-21
    <input v-model="time" type="checkbox" value="2403-4-1">2403-4-1
    <br/>
    特殊说明
    <textarea v-model="textarea"></textarea>
    <br/>
    <button @click="onclick()">提交</button>
  </form>
</template>

<script setup>
import { ref } from 'vue'

const text = ref('')
const selected = ref('中国')
const time = ref(['1960-12-31'])
const textarea = ref('')
const count = ref(1)

const onclick = () => {
  const count1 = count.value
  const count2 = time.value.length
  if (count1 !== count2) {
    alert('次数与时间数量不匹配,请重新选择')
    return
  }
  let area = textarea.value
  if (area === '') {
    area = '空'
  }
  const str = '你输入的标题为' + text.value + '\n你选择的次数为' + count1 +
      '次\n' + '你选择的地点为' + selected.value + '\n你选择的时间为' + time.value.toString() +
      '\n' + '你的特殊说明为' + area + '\n是否确认穿越?'
  if (!confirm(str)) {
    alert('请进行修改')
  } else {
    this.$router.go(0)
  }
}
</script>

<style scoped>

</style>

提交按钮需要设置提交或刷新, 谁知道怎么写

Answer 1

window.location. reload()