Trung tâm cá nhân
sách gpt4 ai đã đi

javascript - VueJS 发送到 VueJS 外部的函数

In lại 作者：行者123 更新时间：2023-11-28 14:53:26 27 4
mua khóa gpt4 Nike

我试图将我的 VueJS 组件中的某些内容发送到位于包含该组件的 html 页面中的函数。我是否遗漏了什么，或者这是不可能的？

在我的组件中作为方法:

insert: function(){
    this.$emit('insertItem', 123);
}

在包含组件的页面中:





    function insertItem(arg){
        console.log('insertItem');
        console.log(arg);
    }

1 Câu trả lời

这实际上比乍一看更有可能。如果该函数是全局的(特别是对父 Vue 可见)，则即使它不是 Vue 的方法，也可以由 Vue 调用。 (创建一个调用全局函数的方法可以说是一个更好的主意。)

您的代码的主要困难是驼峰命名法，而它应该是短横线命名法。

如果您希望 insertItem từ $emit 获取 tranh luận，HTML 应该只给出函数名称，Vue 将采用小心传递参数:


我的代码片段使用您的原始代码，该代码提供来自父 Vue 的 arg。

function insertItem(arg) {
  console.log('insertItem');
  console.log(arg);
}

new Vue({
  el: '#app',
  data: {
    arg: 'hi there'
  },
  components: {
    medialibrary: {
      template: '
',
      methods: {
        insert() {
          console.log("Emit");
          this.$emit('insert-item', 123);
        }
      }
    }
  }
});

关于javascript - VueJS 发送到 VueJS 外部的函数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43755226/

27 4 0
Bài viết được đề xuất: css - float div : Can you drop shadow them?
Bài viết được đề xuất: swift - 数组中的填充值
Bài viết được đề xuất: c# - 如何在运行时更改选项卡的背景图像？
Bài viết được đề xuất: ios - 在 Swift 中为 Bonjour NetService 创建 TXT 记录
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Các bài viết nóng hổi trên toàn bộ trang web
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com