vue弹窗内加入路由怎么跳转?

yuhehanfeng
  • 26

一个页面内有多个按钮,每个按钮点击后会弹出对应的页面,
用一个弹窗组件dialog,里面加上<router-view>,把所有要弹出的页面,定义为子路由,
这样只需要配置路由就能弹出不同的页面。

<el-dialog :title="dialogTitle" custom-class="dialogYs" ref="childDialog" 
           :append-to-body="true"  :visible.sync="dialogVisible"  @closed="backUrl">
      <router-view ></router-view>
</el-dialog>

相比于页面中直接引入子组件,父组件首次加载更小,路由还可以按需加载,不点击按钮不会引入子路由。

请问还有其他更好的实现方式吗?(系统内大部分功能是弹窗操作)

回复
阅读 5.4k
3 个回答

可以在路由中附带参数,在子组件中判断参数,显示对应弹窗

友呗
  • 2
新手上路,请多包涵

能发一下代码看一看吗大佬

宣传栏