Javascript 根据选择，如何在vue js html中移动到另一个页面？

这是我的html代码（第一次尝试）

问题是我无法重定向到recorddetails页面。

---

请帮助我重定向到recorddetails页面。我可以在orCost（）中获取docId值和所有内容，但它们没有重定向。请帮我重定向

我想你尝试的太复杂了。试试这个

我已经包括了一个表格，还添加了一个名称作为编号

<form method="post" action="/recorddetails/" name="myform"  class=" form-inline" >
 <div class="col-md-4" >
 <div class="form-group label-floating">
 <label class="control-label">Select Or No</label>
 <select class="form-control" name="no" v-model="or" required="" >
 <option value="" selected disabled hidden>Choose Type here</option>
 <option v-for="aon in data" v-bind:value="aon.docId" >{{aon.orno}}</option>
 </select>
 </div>
 </div>
 <button class="btn search-btn" type="submit"><i class="fa fa-search"></i></button>
 </form>

选择或否
在这里选择类型
{{aon.orno}

<div class="col-md-4" >
<div class="form-group label-floating">
<label class="control-label">Select No</label>
<select class="form-control" v-model="or" required="" @change="orCost()">
<option value="" selected disabled hidden>Choose Type here</option>
<option v-for="aon in data" v-bind:href="'/recorddetails/'+aon.docId" >{{aon.orno}}</option>
</select>
</div>
</div>

methods:{
 orCost: function(e) {
  var vm = this;
  data = {};
  data['or'] = this.or;
  $.ajax({
  url: '/recorddetails/'+this.or,
  data: data,
  type: "GET",
  dataType: 'json',
  success: function(e) {
  if (e.status)
  {

  }
  else {

  }
  }
  });
 return false;
 },
},

<form method="post" action="/recorddetails/" name="myform"  class=" form-inline" >
 <div class="col-md-4" >
 <div class="form-group label-floating">
 <label class="control-label">Select Or No</label>
 <select class="form-control" name="no" v-model="or" required="" >
 <option value="" selected disabled hidden>Choose Type here</option>
 <option v-for="aon in data" v-bind:value="aon.docId" >{{aon.orno}}</option>
 </select>
 </div>
 </div>
 <button class="btn search-btn" type="submit"><i class="fa fa-search"></i></button>
 </form>