uniapp路由传参使用密文_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

}

},

子组件

点击传值

export default {

props:{

backGround:{

type:String,

default:"#fff"

}

},

methods:{

passValue(){

this.$emit("returnDate","yoyoyo")

}

}

}

.content{

width: 400upx;

height: 400upx;

}

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

uniapp路由传参使用密文_uniapp 组件传参_第1张图片

uniapp路由传参使用密文_uniapp 组件传参_第2张图片

uniapp路由传参使用密文_uniapp 组件传参_第3张图片

子组件给父组件传值

首先在子类组件定义事件

uniapp路由传参使用密文_uniapp 组件传参_第4张图片

9649d2a9f97fcf2e819cf5041ee72302.png

66a30c343957e747c1886e64d4c71348.png

uniapp路由传参使用密文_uniapp 组件传参_第5张图片

父组件:

uniapp路由传参使用密文_uniapp 组件传参_第6张图片

子组件

uniapp路由传参使用密文_uniapp 组件传参_第7张图片

9c738a24f85252f6b8448117bb57b47b.png

子组件

ab958a04f4da296a80f7d8dcd14be00c.png

父组件

uniapp路由传参使用密文_uniapp 组件传参_第8张图片

uniapp路由传参使用密文_uniapp 组件传参_第9张图片

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

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

欢迎关注达达的简书!

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

uniapp路由传参使用密文_uniapp 组件传参_第10张图片

你可能感兴趣的:(uniapp路由传参使用密文)