我在官方的list组件中点击列表，想要跳转到新页面，为什么没有发生跳转？？？代码贴上

我在官方的list组件中点击列表，想要跳转到新页面，为什么没有发生跳转？？？执行的方法也能执行，但是就是跳转不了，是因为在子组件中，跳转pages页面是不能的吗？？？组件中的代码如下，

我的整体需求是在点击

<template>  
    <view>  
        <uni-list v-for="item in newslist" :key="item.newsid" >  
            <uni-list-item @click="newsdetail(item.newsid)"  :title="item.newstittle" :note="item.newslitt" :show-badge="true" badge-text="12"></uni-list-item>  
        </uni-list>  
    </view>  
</template>  

<script>  
    import uniCard from '@/components/uni-card/uni-card.vue'  
    import uniList from "@/components/uni-list/uni-list.vue"  
    import uniListItem from "@/components/uni-list-item/uni-list-item.vue"  
    export default {  
        data() {  
            return {  
                newslist: '',  
            };  
        },  

        methods:{  
            newsdetail(id){  
                console.log(id)//这个可以执行 ，但是下方的跳转好像没有反应  
                uni.navigateTo({  
                    url: "../pages/newsdetail/newsdetail"  
                });  

            }  
        },