<el-button type="primary" icon="el-icon-edit" @click="backHome" >返回主頁</el-button>

<el-button type="primary" icon="el-icon-edit" @click="backHome1" >返回上一主頁</el-button>

backHome(){

 // 跳转路由配置首页

// this.$router.push('/'); 

console.log("router.replace():");

// console.log($this.$router["history"]);

this.$router.replace({path:"/"});



// 相对于当前页面向前或向后跳转多少个页面,类似 window.history.go(n)。n可为正数可为负数。正数返回上一个页面

},

backHome1(){

this.$router.go(-1); // this.$router.go(n) 等同於後退一步

}

this.$router.go(-1); // 返回上一页

this.$router.go()

this.$router.replace() // 不会在router中存在历史数据添加

this.$router.push() // 会在router中存在历史数据

Vue表单的缓存数据保存 localStorage、

  SubmitForm() {
      var item = this.ruleForm;
      //  item.unshift(this.ruleForm)  // 将新内容添加到数组中
      var info = JSON.stringify(item); // 存储的必须是字符串 !

      localStorage.setItem("user", info);
      var user = JSON.parse(localStorage.getItem("user"));
      document.getElementById("span").innerHTML = user.name + user.pwd;
      //  this.$message({
      //           message: "保存成功！",
      //           type: "error"
      //         });
      alert("OK");
    },