账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue父子组件传值,列表不显示
    39
    0
    这是pages下面的vue文件
    <template>
        <view>
            <view v-for ="(item,id) in items" :key="id">
                    <serviceShopList :options="item"></serviceShopList>
            </view>
        </view>
    </template>
    
    <script>
    import serviceShopList from '@/components/serviceShop/serviceShopList.vue';
    export default {
        data() {
            return {
                items:[]
            };
        },
        components: {
            serviceShopList
        },
        onLoad:function(){
            
            this.getList();
        },
        methods:{
            getList(){
                return{
                    items:[
                        {address:"北京"},
                        {address:"天津"}
                ]
            }
        }
        
    };
    
    </script>
    
    <style lang="scss" scoped></style>
    
    这个是components中的文件
    <template>
            <uni-list>
                <uni-list-item :title="options.address"></uni-list-item>
            </uni-list>
    </template>
    
    <script>
    import uniList from '@/components/uni-list/uni-list.vue';
    import uniListItem from '@/components/uni-list-item/uni-list-item.vue';
    export default {
        data() {
            return {
                
            };
        },
        props: {
            options: {
                type: Object,
                default: function(e) {
                    return {}
                }
            }
        },
        components: {
            uniList,
            uniListItem
        }
    };
    </script>
    
    <style lang="scss" scoped></style>

    求教,为啥我往components中传递数值页面没有数据呢

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 刘不白 普通会员 1楼
      502 Bad Gateway

      502 Bad Gateway


      nginx
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部