HarmonyOS如何实现前端跳转

由于只想展示一下页面跳转该怎么写，所以写出来的代码中的div在页面上，因为没有可以点击的地方，所以无法通过复制代码来得到一个实现跳转的实物。

hml相关代码

<div on:click="userInfo"></div>

js相关代码

import router from '@ohos.router';//引入，通过对router alt+enter来引入

export default {
    data: {
    },
    userInfo(){
        router.push({
            url:'pages/userInfo/userInfo'
        })
    }
}