vue.js - vue props怎么传多个数据?

问题描述

问 题

刚刚开始学vue，碰到个坑，我在使用props传递多个数据，第一个没有问题,第二个却获取不到，直接就是空了，也没有报错。求解答，谢谢。

 <card-list :content="item" :imgtypeUrl="message" v-for="item in items" ></card-list>

    // 注册组件
  Vue.component('card-list', {
        props:['content','imgtypeUrl'],
        template: `<li>{{imgtypeUrl}}
                   <img :src='content.shareImgUrl' alt="" class="card-img">
                   <img :src='imgtypeUrl' alt="" class="card-imgtype" v-show="content.imageType" >
</li>`
    })
    
    
    var app = new Vue({
        el: '#app',
        data: {
            message: '../img/1.jpg',
        }
    });

解决方案

姐姐，驼峰命名横扛， HTML 那改成 imgtype-url ， 说爱我。

这篇关于vue.js - vue props怎么传多个数据?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！