2018年11月27日

vue——动态路由以及地址传参

摘要: 动态路由: 当我们很多个页面或者组件都要被很多次重复利用的时候,我们的路由都指向同一个组件,这时候从不同组件进入一个”共用”的组件,并且还要传参数,渲染不同的数据 这就要用到动态路由跟路由传参了! 1.首先 是路由的设置 比如我们进入详情页需要三个动态参数,在路由中做如下设置: // 路由懒加载 { 阅读全文

posted @ 2018-11-27 22:33 跳动的汗水 阅读(802) 评论(0) 推荐(1) 编辑

vue 单页应用点击某个链接,跳转到新页面的方式

摘要: <router-link class="goDetail" :to="{name: 'detail',params: {id:item.id}}" target = _blank>查看详情</router-link> 阅读全文

posted @ 2018-11-27 22:20 跳动的汗水 阅读(9402) 评论(0) 推荐(1) 编辑

定一条数据用: => slot-scope属性,再显示对应的数据

摘要: 通过 Scoped slot 可以获取到 row, column, $index 和 store(table 内部的状态管理)的数据: {{scope.row}} =>获取整行的数据 {{scope.$index}} => 行的下标 使用: <el-table <el-table-column <t 阅读全文

posted @ 2018-11-27 21:49 跳动的汗水 阅读(5847) 评论(0) 推荐(0) 编辑

element取表格对应id数据

摘要: <el-button size="mini" type="danger" @click="editor(scope.row)">编辑</el-button>editor(row) { this.dialogTableVisible = true; this.id = row.id; var item 阅读全文

posted @ 2018-11-27 20:31 跳动的汗水 阅读(648) 评论(0) 推荐(0) 编辑

导航