溫馨提示×

uniapp父組件怎么向子組件傳值

小億
364
2023-12-23 01:43:13
欄目: 編程語言

在uni-app中,父組件向子組件傳值可以通過props屬性來實現。

  1. 在父組件中,給子組件添加一個props屬性,將要傳遞的值作為props屬性的值。例如:
<template>
  <div>
    <child :message="message"></child>
  </div>
</template>

<script>
  import child from '@/components/child.vue'

  export default {
    components: {
      child
    },
    data() {
      return {
        message: 'Hello, child!'
      }
    }
  }
</script>
  1. 在子組件中,使用props屬性接收父組件傳過來的值。例如:
<template>
  <div>{{ message }}</div>
</template>

<script>
  export default {
    props: {
      message: {
        type: String,
        default: ''
      }
    }
  }
</script>

這樣父組件就可以通過props屬性向子組件傳遞值了。子組件通過props屬性接收父組件傳遞過來的值,并在模板中使用。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女