麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

Vue 頁面跳轉不用router-link的實現代碼

2019-11-19 14:01:50
字體:
來源:轉載
供稿:網友

1、給父頁面跳轉的地方設置事件

//原來的頁面上展示的信息  <div v-if="!addShow" class="function">  <el-row>   <template slot-scope="scope">    <el-button type="success" size="mini" @click="handleEdit(scope.$index, scope.row)">編輯</el-button>      //帶參數進行編輯    <el-button type="danger" size="mini" @click="handleDelete(scope.row)">刪除</el-button>   </template>  </el-row> </div> //要跳轉過去的頁面用隱藏來代替     <div v-if="addShow" class="add-category ">      <el-col :span="20" :offset="2">       <el-form :model="formData" :rules="rules" ref="formData" label-position="left">        <el-row>         <el-col :span="10">          <el-form-item label="銷售區域名稱" prop="name">           <el-input v-model="formData.name"></el-input>              //v-model綁定formData.name(name為需要的字段,formDataw為表格ref綁定的數據)          </el-form-item>         </el-col>        </el-row>        <el-col :span="18">         <el-form-item label="銷售區域描述">          <el-input type="textarea" :rows="5" v-model="formData.description"></el-input>         </el-form-item>        </el-col>        <el-col :span="2" :offset="9">         <el-button type="success" @click="handleSubmit('formData')" >確定</el-button>        </el-col>        <el-col :span="2" :offset="1">         <el-button @click="onCancel">取消</el-button>        </el-col>       </el-form>      </el-col>     </div> 

2、JS部分

data() {   addShow: false //設置要顯示的頁面部分默認為false,隱藏   checkdDistributor: null, }, methods: { // 編輯按鈕     handleEdit(index,row){       this.checkdDistributor = row; //接受傳參       this.addShow = true; // addshow為要顯示的頁面      } } watch: {     // 帶參數編輯     checkdDistributor(){       for(let attr in this.formData){         this.formData[attr] = ('' + this.checkdDistributor[attr]); //寫入參數       }     }   }, 

3、最后上效果圖



補充:

vue router-link跳轉傳值示例

1、router-link

<router-link :to="{name:'deitail',params:{freezeMon:'2017-10',owerName:'西安'}}" tag="div" ></router-link>

2、routes路由

export default new Router({ routes: [   {    path: '/',    name: 'Index',    component: Index   },   {    path: '/deitail',    name: 'deitail',    component: deitail   } ]})

3、取值

<h1>{{$route.params.freezeMon}}</h1>

4、小結:router-link跳轉傳值要注意的地方

* to前面要加:
 * to后面{中的name值要與路由中的name值一致
* 下面的這種方式是錯誤的

<router-link to="{path:'/deitail',params:{freezeMon:'2017-10',owerName:'西安'}}" tag="div" ></router-link>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 国产porn在线| 久久久www成人免费毛片 | 久久久www成人免费毛片 | 久久久久久久一区二区三区 | 羞羞视频免费视频欧美 | 最新午夜综合福利视频 | 国产一级二级毛片 | 中日韩免费视频 | 日本精品免费观看 | 久草在线视频首页 | 免费看搡女人无遮挡的视频 | 色七七网站 | 精品久久久久久中文字幕 | 宅男噜噜噜66国产在线观看 | 欧美日韩免费在线观看视频 | 99精品国产成人一区二区 | 久久777国产线看观看精品 | av在线播放观看 | 欧美女同hd| 日韩字幕| 日产精品久久久一区二区福利 | 国产亚洲高清在线精品不卡 | 免费观看高清视频网站 | 自拍亚洲伦理 | 欧美jizzhd极品欧美 | 美女亚洲 | 视频一区国产精品 | 精品国产观看 | 中国大陆高清aⅴ毛片 | 成人免费av在线播放 | 欧美精品一区二区三区在线 | 国产精品成人一区二区三区电影毛片 | 久久99精品久久久久久园产越南 | 三级xxxx| av成人免费在线观看 | 亚洲网站一区 | 久久精品国产一区二区 | 天天夜夜操操 | 成年人在线视频免费 | 免费99热在线观看 | 久久免费视频8 |