uniapp 组件传参

父组件



import vSub from "../../../components/v-sub.vue"
    export default {
        components:{
            vSub
        },
        data() {
            return {
                backGround:"#000"
            }
        },
        methods: {
            returnDate(e){
                console.log("接收到的值==>>" e)
            }
        }
    }


        
        
        
        
import device from './components/device.vue'
    import battery from './components/battery.vue'
    export default {
        components: {
            device,
            battery
        },
        data() {
            return {
                storeId: null, // 参数storeId
                active: 'device' // 切换tab
            }
        },

子组件


 

 

子类接收父类的数据,就会用到props

uniapp 组件传参_第1张图片

uniapp 组件传参_第2张图片

uniapp 组件传参_第3张图片

子组件给父组件传值首先在子类组件定义事件

uniapp 组件传参_第4张图片

file

file

uniapp 组件传参_第5张图片

父组件:uniapp 组件传参_第6张图片

子组件uniapp 组件传参_第7张图片

file

子组件

file

父组件

uniapp 组件传参_第8张图片

uniapp 组件传参_第9张图片

若本号内容有做得不到位的地方(比如:涉及版权或其他问题),请及时联系我们进行整改即可,会在第一时间进行处理。

请点赞!因为你们的赞同/鼓励是我写作的最大动力!

欢迎关注达达的简书!

这是一个有质量,有态度的博客

uniapp 组件传参_第10张图片

你可能感兴趣的:(其他分类)