导航回页面后 el-radio-group 不起作用答案

【问题标题】：el-radio-group doesn't work after navigating back to page导航回页面后 el-radio-group 不起作用
【发布时间】：2021-07-06 19:53:55
【问题描述】：

我在 Vuejs 中有一个 el-radio-group，有 2 个值“是”和“否”。第一次选择默认值“是”。假设我选择“否”，然后如果我单击将我带到另一个页面的链接，然后单击浏览器中的后退按钮，则不会再次设置默认值。它仍然选择“否”。我的 el-radio-group 停止工作，即我无法在值之间切换。
我想要的是当我回来时，再次选择“是”。
这是我的代码：

<el-radio-group v-model="choice">
     <el-radio-button
          label="yes"
     >
     </el-radio-button>
     <el-radio-button
           label="no"
     >
     </el-radio-button>
</el-radio-group>

<div @click="clickHere"> Click Here </div>
........

data () {
    return {
       choice: 'yes',
       .....
    }
},
methods: {
    clickHere() {
        window.location.href('/register/')
    }
 ........

我错过了什么吗？

【问题讨论】：

标签： javascript vue.js radio-button vue-component

【解决方案1】：

这是 Chrome 中报告的错误。在here 上提出的问题。该错误仍处于打开状态，但有一个解决方法。
仅针对 Chrome 更改 pageshow 事件。

if (navigator.userAgent.indexOf('Chrome/') > 0) {
  window.addEventListener('pageshow', () => {
    new Vue({
      render: (h) => h(App),
    }).$mount('#app');
  });
} else {
  document.addEventListener('DOMContentLoaded', () => {
    new Vue({
      render: (h) => h(App),
    }).$mount('#app');
  });
}

提供的解决方案here。

【讨论】：