快应用踩坑之封装组件传参接收不到传过来的值

最新推荐文章于 2024-08-22 17:38:39 发布
最新推荐文章于 2024-08-22 17:38:39 发布
阅读量102 收藏
点赞数 2
分类专栏： 快应用
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/abaaba_www/article/details/126477061
版权

前端 html

直接进入主题，我在封装头部组件的时候，由于更多的是否展示  是根据所处页面来决定的，所以需要给其绑定一个变量来控制他的显示。但是在这个过程中，有一个小坑，---驼峰命名法。导致我前期怎么都传不成功，急死人。

下图为封装的组件部分

 这是效果图：

我所需要的是更多根据需求动态展示，有的页面需要展示，有的页面不需要展示。

这是引用头部组件的页面，这里在标签里面绑定的isMore一定要写成 is-more！！！！ 写成其他的 传过来的值就是undefined，很坑！！！

wvv_527
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
快应用参数传递
华为开发者联盟
08-24 652
组件一：因为是直接被父组件使用，可直接在script中通过$emit触发childEvt事件，执行父窗口的listenSon方法,通过$emit的params携带参数，在父组件的响应句柄中通过evt.detail.**获取，完成子组件到服务间的参数传递。方式一：在mainfest.json的congfig.data中定义用户全局变量hellowDemo，例如位置信息、步数等，在其他页面通过this.$app.$data.helloDemo获取，并修改参数值。
quickapp_快应用_父子组件传值
qq_43260366的博客
12-04 1234
在components中定义的组件被称为自定义组件。自定义组件(等同于Vue的子组件)，将使用比较多的部分进行封装，可以多次使用。举例说明。
快应用： 页面传参
qq_36413371的博客
10-21 476
页面传递参数 router.push({ uri: ‘/pages/login-password/login?cansuh=123’, params: { cansuh: ‘123’ } }) 页面接收参数： 方式一： this.$page.query.cansuh 方式二： 再当前页面data中定义个同名属性如cansuh，直接this.属性名 ...
【快应用】同时传递事件对象和自定义参数 ，无法正确接收事件对象
Mayism123的博客
08-03 163
上述代码中jump(event,1)不需要带上event事件对象，因为回调函数被调用时，会在参数列表末尾自动添加一个evt参数，通过evt参数访问回调事件相关上下文数据。在快应用中采用如下方式绑定组件的事件方法，同时传递事件对象和自定义参数，发现回调方法中没有正确接收到事件对象。事件绑定、自定义参数、事件对象。
quickapp_快应用_路由
qq_43260366的博客
12-04 330
(路由)，用于定义页面的实际地址、跳转地址。[6]PageA:PageA的启动模式为singleTask，找到页面栈中PageA，销毁PageA前面的页面即PageB与PageC。[5]PageC:PageC的启动模式为singleTask，找到页面栈中PageC，销毁PageC前面的页面即PageB。[4] PageB: PageB的启动模式为standard(每次打开新的页面)， 创建B页面并打开。[2]PageB: PageB的启动模式为standard(每次打开新的页面)， 创建B页面并打开。
子父组件传参柱图组件封装
08-15
该文档从从创建Vue项目，再到引入echarts，最后封装成柱图公共组件，子父组件传参，从父组件传入配置项和尺寸作为参数，都讲解得很详细，手把手教你封装基于echarts的vue图表组件库。通过此组件库的封装，让你学会...
Vue开发之封装上传文件组件与用法示例
10-17
在当今的前端开发中，文件上传功能是许多Web应用不可或缺的一部分。特别是随着Vue.js框架的流行，开发者在使用Vue进行项目开发时，往往会借助Element UI这个UI框架中的组件来实现文件上传功能。本文将详细介绍如何在...
axios封装与传参示例详解
01-18
3.在开发的过程中,我们会经常使用到 axios进行数据的交互,下面我来说一下,axios封装和传参! 4-1:下面结构如下: 4-2:request.js代码如下: import axios from 'axios' import qs from 'qs' axios.defaults.timeout =...
微信小程序自定义组件封装及父子间组件传值的方法
10-18
微信小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。同时，它也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，...
C# 图片处理 接口封装使用、枚举传参使用
08-09
1. **接口封装**：接口（Interface）是C#中的一个关键概念，它定义了一组方法签名，但不包含任何实现。在图片处理中，我们可以定义一个`IImageProcessor`接口，该接口包含处理图片的各种方法。例如，`ApplyInvert()`...
前端开发_快应用开发
qq_43260366的博客
02-27 2410
此时当url为’detail’或’/detail’时都会跳转到该页面，此时location.href的值为。快应用中对于很多css样式都不兼容， 我们按照平常的习惯进行样式布局，在真机调试的时候发现样式是错乱的！上述代码不能正常显示图片，个人猜测是因为识别不出变量imgurl，若是想样式中的数据动态切换，可以采用。在很多情况下，我们需要通过动态切换类型来改变元素的的样式，在快应用中注意，切换类名时，类名必须在。在开发快应用时，需要进行真机调试，因为在模拟器上很多效果都不正确，所以需要以真机为主。
MUI：页面传参终极版
热门推荐
青峰专栏
11-03 2万+
页面传参数是一种比较常见的业务需求，根据实现原理及适用环境可以分为两大类。 在普通浏览器端常用的方法有如下几种： 1.利用URL传参 在页面跳转的时候通过设置window.location.href添加参数，在接收参数的页面通过window.location.search获取参数字符串。 发送参数的页面： window.location.href = 'new.html?ta
router路由传参 刷新后数据无法获取 [object Object]
weixin_46392266的博客
03-01 1614
router路由跳转使用query传递参数刷新后数据无法获取 路由进行页面的跳转时,使用query进参数传递,query中存储一个对象时,页面初次载入时数据可以成功获取,刷新页面后数据显示[object Object] 代码： this.$router.push({ name: 'admin/', query:{ obj:data.data, } }) 初次获取参数： let obj = this.$route.query.
快应用页面带参数跳转
鲁小班的博客
05-31 2980
最近参加了华为举办的一个活动，做华为快应用，语法啥的和vue很类似，就是很多标签，属性不太支持，只能转变思路去实现自己想要的功能。但是在想要在每个tab页做一个固定在顶部搜索框时，切换tab时，每个页面对应的搜索框没法隐藏，无奈之下，只能让所有tab页公用一个搜索框。再根据在点击不同tab页时获取当前下标值cuurentindex，z再使用router跳转页面时传递一个参数key，进入到搜索页时在...
快应用： 页面传参 全局方法和全局变量
qq_36413371的博客
10-21 756
定义静态的全局变量： { "config": { "logLevel": "debug", "data": { "globalStatusBarHeight": 84, "globalAudio": null, "globalAudioList": [1] } } } 在app.ux中访问 onCreate() { console.log(this._def.manifest.config.data) } 在页面中访问 onIn
快应用简介
Dream home
04-20 9259
快应用是一种新的应用形态，以往的手机端应用主要有两种方式：网页、原生应用；网页无需安装，却体验不是很好；原生应用体验流畅，却需要从应用商店下载安装，难以一步直达用户；快应用的出现，就是希望能够让用户无需下载安装，并且还能流畅的体验应用内容。 为了达到上面的目标，快应用建立一种新的语言开发规范，同时提供一系列的开发套件辅助支持。简单来说，开发者主要利用前端知识与技能，以及对应的IDE，手机设备就可...
快应用----自定义组件，父子之间传值
m0_37666587的博客
06-04 820
官方文档在这里，说的不是很清楚，可以参考下https://doc.quickapp.cn/framework/template.html?h=tem 一、自定义组件 　　1、新建组件：我的组件是在src下新建了component文件夹，其中的linkme.ux为具体组件 　　2、父组件写法：用import引入组件，父传子的变量和vue的写法差不多，不同的是需要用{{}}。 　　3、子组件写法：这里和vue是一样的，直接用props来存放即可 到此，组件的新建和引入就完成了，下面说下父子
快应用的用法和常见问题解答（下）
快应用官方博客
05-17 5357
本期作者：执着的烙印 上篇作者为大家讲了什么是快应用以及快应用的开发流程，这期作者分享了快应用开发中遇到的问题和解决办法，一起来看看吧！ 说起快应用，不得不说快应用踩过的坑。 快应用还处于不断优化阶段，在开发过程中，也会遇到一些不完善的地方，由于我们对于新技术的掌握还不透彻，也会使得开发中遇到很多的困难。 我将在快应用开发中遇到的问题罗列到下面，希望对大家的开发有所帮助。 ...
前端开发攻略---在Vue3项目中修改Element-Plus主题色
最新发布
nibabaoo的博客
08-22 221
在Vue3项目中修改Element-Plus主题色
如何让前端传参不是必传vo接收
06-07
你可以在前端请求时将参数封装为一个对象，然后在后端接收时将该对象作为参数，这样就可以实现非必传参数的接收。在后端方法中，你可以通过给参数设置默认值的方式来处理非必传参数的情况，例如： ```java public ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值