uniApp--微信小程序,调用组件picker,结果数据响应式丢失问题

news/2024/7/20 2:23:46 标签: 小程序

最近遇到一个很头疼的问题。
调用一个picker二次封装的组件。
组件中存在计算属性。是需要通过选择修改来查询出来相对应的key和value,结果计算属性在app中可以正常使用和反显,但在小程序中存在问题且不报错!!!

1.调用

在这里插入图片描述)
在这里插入图片描述)

2.组件内部

在这里插入图片描述)
在这里插入图片描述

3.数据

在这里插入图片描述)

4.整体流程

  1. 父组件中引入子组件。(formPicker组件)
  2. 父组件请求picker所需数据。
  3. picker选择数。
  4. 子组件依次调用index()和text()计算属性方法。
  5. 显示选择相对应的Name,value返回相对应id。

5.结果value返回成功,name数据不渲染,数据响应式丢失

解决方法:
1.在父组件中,定义好v-model绑定的字段

  <form-picker name="文件类型"
   v-model="model.fileType" 
   placeholder="请选择文件类型" 
   :range="fileTypeList"
   rangeKey="name"
   rangeValue="id"></form-picker>

2.在数据返回时定义默认值。
在这里插入图片描述


http://www.niftyadmin.cn/n/685076.html

相关文章

Postman安装与使用

Postman一款非常流行的API调试工具。其实&#xff0c;开发人员用的更多。因为测试人员做接口测试会有更多选择&#xff0c;例如Jmeter、soapUI等。不过&#xff0c;对于开发过程中去调试接口&#xff0c;Postman确实足够的简单方便&#xff0c;而且功能强大。 官方网站&#xf…

使用node完成json web token 登录注册

用法 jwt.sign(payload, secretOrPrivateKey, [options, callback])&#xff08;异步&#xff09;如果提供了回调&#xff0c;则使用err或 JWT调用回调。 &#xff08;同步&#xff09;以字符串形式返回 JsonWebToken payload 可以是表示有效 JSON 的对象文字、缓冲区或字符…

node中token的登录验证

利用Nodejs搭建简单的Token验证 通过api来请求token&#xff0c;不再使用账号密码&#xff0c;因为账号密码非常关键&#xff0c;一般情况都会使用到token。 模拟使用 // 获取发送数据 router.get("/list", (req, res) > {//通过req获取客户端数据const token …

node使用token实现增删改查

第一步创建models.js文件 第二步连接mongoose非关系型数据库 第三步 在app.js里面验证token 第四步在task.js里面进行增删改查操作

uniapp的单选框,type=‘radio‘用不了?

今天发现了一个新大陆&#xff0c;因为今天的任务有涉及到单选按钮&#xff0c;按照原来的思维想法&#xff0c;我敲了以下代码 <input type"text" value"请输入地址" /> <input type"radio" value"郑州" />结果发现发现…

uniapp发送网络请求

uni.request(OBJECT) 发起网络请求。 OBJECT 参数说明 method 有效值 必须大写&#xff0c;有效值在不同平台差异说明不同。 success 返回参数说明 data 数据说明 最终发送给服务器的数据是 String 类型&#xff0c;如果传入的 data 不是 String 类型&#xff0c;会被转换成…

uniApp nvue如何使用阿里图标iconfont

在项目中遇到了需要在nvue里使用iconfont图标&#xff0c; 刚开始照着社区搜索的答案&#xff1a;https://ask.dcloud.net.cn/question/64622 这样引入css文件&#xff1a; <style src"/common/iconfont.css"></style> 然后再使用<div class”icon…

uni-app引入阿里云矢量图标库

这段时间因为任务要求&#xff0c;要做一个小程序&#xff0c;所以开始学一下uni-app开发&#xff0c;现在写一下关于引入阿里云矢量图标库的方法 添加图标 首先去阿里巴巴矢量图标库选择你喜欢的图标 你可以在这搜索你想要的图标&#xff0c;选择好之后便把他添加到红色小车…