H5页面跳转后再返回，保留原页面输入数据

小小铃铛n_n

于 2024-07-17 16:48:27 发布

阅读量178

点赞数 2

文章标签： vue.js javascript

本文链接：https://blog.csdn.net/2301_76228232/article/details/140499293

版权

   data() {
    return {
      name: '',
      cardNo: '',
      checked:[]
    }
   },
  created() {
    // 阅读协议后保留原来的输入内容
    const saveData = JSON.parse(sessionStorage.getItem('formData'))
    if (saveData) {
      this.formData = { ...saveData }
      this.name = this.formData.userName
      this.cardNo = this.formData.userCardNo
      this.checked = this.formData.checked
    }
  },
  methods: {
   // 点击跳转到新页面
    goAgreement() {
      // 阅读协议前保存原来的填写信息
      const formData = {
        ...this.formData,
        userName: this.name,
        userCardNo: this.cardNo,
        checked: this.checked
      }
      sessionStorage.setItem('formData', JSON.stringify(formData))
      // 跳转到协议页面
      this.$router.push('/agreement')
    },
   }