nvue中组件传值this.$emit不触发问题

已于 2024-04-07 14:20:39 修改
阅读量281 收藏
点赞数 11
分类专栏： 前端小知识 文章标签： uniapp 前端框架 前端
于 2024-04-03 19:34:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Shmily_ya/article/details/137355842
版权

今天在开发uniapp中遇到这样一个问题

在nvue页面通过 this.$emit('send-comment', this.layer, this.superCommentId);

触发父组件方法传值   进不去进不去  烦

不断尝试  修改为this.$emit('sendComment', this.layer, this.superCommentId);

好了   就好了知道吗 0.0

可能是nvue不支持‘send-comment’之类的命名

让人抓狂的nvue 0.0

Shmily_ya
关注
  • 11
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uniapp nvue文件如何vue文件传输接收数据
前端程序员、项目经理、人工智能博主
10-31 2081
1.在vue文件使用uni.$emit方法去实现要传递的数据 //下面的数据是我在data绑定的数据,写在你需要触发的方法下 console.log("传输中") uni.$emit('page-send', { id:_this.id, title: _this.title, share: _this.shareHref, image:_this.shareImg, }) 2.在nvue文件使用uni.$on方法去实现接收数据 //下面的数据是我在vue文件绑定的数据拿到的,写在onLo
解决vue bus.$emit触发第一次$on监听不到问题
10-15
主要介绍了解决vue bus.$emit触发第一次$on监听不到问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
nvue 页面引用i18n
qq_43024468的博客
01-18 903
在app.vue里面 globalData: { $t: '' }, onLaunch(){ this.globalData.$t = val => { return this.$t(val); }; }, 在nvue页面使用 <view>{{ $t('conn.phone') }}</view> let app = getApp().globalData; methods:{ $t(text) { return app.$t(text);
Vue 父子组件方法this.$emit()有时候不触发问题
qq_41580802的博客
10-26 7901
Vue 父子组件方法this.$emit()有时候不触发问题，亲测有效
uniapp 中nvue的踩坑经历
weixin_46479579的博客
08-15 1158
nvue注意事项
【uniapp】 nvue 与 vue之间的通讯
YhWyl527的博客
05-13 1906
推荐使用 uni.$on , uni.$emit 的方式进行页面通讯，旧的通讯方式（uni.postMessage及plus.webview.postMessageToUniNView）不再推荐使用。 // 接收信息的页面 // $on(eventName, callback) event为页面名称 如 index.nvue 这里填index uni.$on('page-popup', (data) => { console.log('标题：' + da
Vue中使用this的这几个坑你都知道吗？
热爱前端的大三在校生
06-17 4264
有关原生js和vue中的this问题想必困扰大家很久了，今天这一篇文章让你彻底搞懂this，以后麻麻再也不用担心我遇到this问题啦，让我们开始this的学习之旅吧
详解vue中this.$emit()的返回值是什么
10-17
在上面的代码中，父组件的`handleEventChange`方法返回了字符串`"hello"`，但由于`this.$emit()`默认不返回任何值，因此在子组件中尝试打印`res`（即`this.$emit()`的结果）会得到`undefined`，而不是`"hello"`。...
对vue.js中this.$emit的深入理解
10-18
在Vue.js中，`this.$emit` 是一个非常重要的功能，它允许子组件与父组件进行通信，将数据或事件传递回上层。通过深入理解`this.$emit`的工作原理，开发者可以更好地构建复杂的组件结构，并实现灵活的数据交互。下面...
Vue $emit()不能触发父组件方法的原因及解决
10-15
在上述代码中，当子组件触发 `eventName` 事件时，父组件的 `parentMethod` 方法会被调用。 **原因一：事件名称大小写问题** Vue.js 事件名称遵循的是小写字符串规则，而不是JavaScript中的驼峰命名法。如果你使用...
Vue中的$emit的使用方法与理解
qq_34082921的博客
01-13 5572
> - 学到Vue的组件内传值时，props父传子还能理解，但是对子组件给父组件传值（也就是$emit方法），对于这个$emit我感觉有点绕，知道它的作用，但是对它的用法还是掌握不好，主要还是对于为什么这么用很疑惑。 >- 对父组件给子组件传值很简单，也很好理解。父组件给子组件传值只要在子组件标签内用V-bind写一个函数方法（也可以传参数）用props接收就可以直接使用了。但是到子组件给父组件传值就变得复杂了，首先要先在子组件标签内声明触发$emit的事件，触发条件后用$emit发送自定义事件（包含事件
uni-app 使用Weex/nvue的注意事项
m0_58492934的博客
06-15 4856
uni-app App端内置了一个基于 weex 改进的原生渲染引擎，提供了原生渲染能力。在App端，如果使用vue页面，则使用webview渲染；如果使用nvue页面(native vue的缩写)，则使用原生渲染。一个App中可以同时使用两种页面，比如首页使用nvue，二级页使用vue页面，hello uni-app示例就是如此。虽然nvue也可以多端编译，输出H5和小程序，但nvue的css写法受限，所以如果你不开发App，那么不需要使用nvue。以往的 weex ，有个很大的问题是它只是一个高性能的渲
nvue和vue通信的问题
C_zhihao的博客
07-08 1118
一.过期的版本 1.消息发送页 index.nvue： export default { methods:{ postMessage(num){ console.log("准备发送"+num) uni.postMessage('page-send', { data: num, from: "index" }) } } } 2.在App.vue里使用onUniNViewMessage进行监听 export default { onUniNVi...
nvue基础快速入门
weixin_56663198的博客
11-09 9288
学习的内容，持续更新坑
uniapp 在app端使用nvue来解决视频层级过高
木贝西的博客
01-08 7370
1.在pagejson中申明nvue { "path": "pages/detail/detail", "style": { "navigationBarTitleText": "商品详情", "app-plus": { "titleNView": false, "subNVues": [{ "id": "goodsBottom", ...
uniapp 原生子窗体nvue的使用，及vue与nvue页面间的通讯
qq_37550440的博客
07-13 3263
效果图： 点击后显示 再次点击后： 注意：pages.json中配置在那个vue页面使用元素子窗体就配置在这里，子窗体最多不超过三个 { "path" : "pages/videoProblem/test2/test2", "style" : ...
vue中 关于$emit的用法
热门推荐
qq_43170213的博客
10-08 1万+
1、父组件可以使用 props 把数据传给子组件。 2、子组件可以使用 $emit 触发父组件的自定义事件。 vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn； 例如：子组件： <template> <div class="train-city"> <h3>父组件传给子组件的toCity:{{sendData}}</h3> <br/&g
Uni-app之Nvue开发细节总结
gcyaozuodashen的博客
07-07 3443
uni-app App端内置了一个基于 weex 改进的原生渲染引擎，提供了原生渲染能力适用场景Nvue与vue区别 不能使用百分比布局，如 Nvue与Vue直接可以通过,进行通讯，注意要在界面销毁前调用销毁监听器，或者使用. Nvue与Vue共享数据vuex、uni.storage、globalData。推荐使用vuex（之后会出一篇简书总结vuex使用示例）。 兼容性安卓与iOS区别 作者：大码猴 链接：https://www.jianshu.com/p/2fc394637
Vue.js 使用 $emit 触发事件填坑
u014418380的博客
07-16 8531
vue的组件内触发外部事件不起作用 vue的组件内触发自定义事件（发外部事件）不起作用 今天学习vue的自定义组件功能，在组件内部触发一个事件，在使用组件的地方使用v-on绑定这个事件，然而触发一直不生效，检查了很多遍的代码都没看出什么问题，代码如下： <div id="app"> <button v-on:click="IncrHandle">增加</button...
uniapp中this.$emit和this.$on触发很多次
最新发布
09-03
对于您提到的uniapp中的this.$emit和this.$on触发多次的问题，主要原因可能是事件订阅（this.$on）和事件触发（this.$emit）之间的不匹配导致的。这种情况通常出现在没有正确移除事件监听器的情况下。 要解决这个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值