91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

CreateEvent在Vue中的應用

小樊
85
2024-07-02 16:00:43
欄目: 編程語言

在Vue中,可以使用$emit方法來觸發事件,從而在父組件中監聽并處理該事件。以下是一個簡單的示例:

<!-- ChildComponent.vue -->
<template>
  <button @click="handleClick">Click me</button>
</template>

<script>
export default {
  methods: {
    handleClick() {
      this.$emit('custom-event', 'Hello from child component');
    }
  }
}
</script>
<!-- ParentComponent.vue -->
<template>
  <div>
    <ChildComponent @custom-event="handleCustomEvent" />
    <p>{{ message }}</p>
  </div>
</template>

<script>
import ChildComponent from './ChildComponent.vue';

export default {
  components: {
    ChildComponent
  },
  data() {
    return {
      message: ''
    };
  },
  methods: {
    handleCustomEvent(data) {
      this.message = data;
    }
  }
}
</script>

在上面的代碼中,子組件ChildComponent中的按鈕被點擊時,會觸發handleClick方法,然后使用$emit方法觸發名為custom-event的自定義事件,并傳遞一個字符串參數。在父組件ParentComponent中,監聽了子組件的custom-event事件,并調用handleCustomEvent方法來處理事件傳遞的參數。最終會在頁面上顯示出Hello from child component

這就是在Vue中通過$emit和自定義事件來實現組件間通信的基本方法。

0
澜沧| 海原县| 正蓝旗| 内丘县| 石林| 清河县| 巴彦淖尔市| 卢氏县| 淮南市| 肥城市| 寻乌县| 阿图什市| 宁乡县| 黔南| 宜阳县| 浑源县| 南澳县| 民和| 平顶山市| 山西省| 鹰潭市| 河源市| 曲靖市| 安康市| 阿合奇县| 石景山区| 新郑市| 南昌县| 延寿县| 松江区| 泰州市| 藁城市| 同德县| 宁远县| 桃源县| 武城县| 大安市| 桦川县| 贡嘎县| 临江市| 彝良县|