如何实现router命名路由跳转

import router from '@ohos.router' 
import hilog from '@ohos.hilog'; 
 
@Entry({ routeName: "PlaygroundMainPage" }) 
@Component 
export struct PlaygroundMainPage { 
  onPageShow() { 
    hilog.info(0x0000, 'testTag', '%{public}s', 'PlaygroundMainPage onPageShow'); 
  } 
 
  build() { 
    Row() { 
      Column() { 
        Button("DX测试页面") 
          .onClick(() => { 
            hilog.info(0x0000, 'testTag', '%{public}s', 'click dx test page123'); 
            router.pushUrl( 
              { 
                url: "components/mainpage/TestForDx", 
                params: { "content": "这里是从前一个页面传来的数据" } 
              }, 
              router.RouterMode.Standard 
            ) 
          }) 
        Button("MTOP测试页面") 
          .onClick(() => { 
            router.pushUrl( 
              { 
                url: "MtopPlaygroundIndex", 
                params: { "content": "这里是从前一个页面传来的数据" } 
              }, 
              router.RouterMode.Standard 
            ) 
          }) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}
@Entry 
@Component 
struct TextForDX { 
  build() { 
    Column() { 
      DXPlaygroundMainPage() 
    } 
    .width('100%') 
    .height('100%') 
  } 
}