中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

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

小億
208
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
三河市| 福州市| 万安县| 嘉峪关市| 台安县| 专栏| 新和县| 靖远县| 扎囊县| 清丰县| 琼结县| 盘山县| 义马市| 治多县| 洪泽县| 水城县| 正宁县| 临泉县| 祁东县| 禄劝| 虎林市| 鹿邑县| 吉木萨尔县| 克拉玛依市| 孝感市| 巴南区| 富宁县| 湟源县| 田林县| 甘孜县| 武冈市| 南丰县| 元朗区| 涟源市| 七台河市| 邮箱| 建水县| 大洼县| 泸溪县| 调兵山市| 都匀市|