当前位置:网站首页>八、picker用法 下拉框选择效果
八、picker用法 下拉框选择效果
2022-07-28 13:33:00 【Ming-Afresh】
<view class="uni-form-item">
<view class="title">检测结果</view>
<view class="input_box">
<picker @change="examinationType" :range="examinationTypeArray" v-model="form.status">
<label class="" style="color: gray;">{
{
examinationTypeArrayType }}</label>
</picker>
</view>
</view>
export default {
data() {
return {
form: {
status: '',
// 这里的status入参是选项数组列表012 (非选项文字)
},
// 检测结果 可选文本
examinationTypeArray:['阴性','阳性','无效结果'],
examinationTypeIndex:'',
examinationTypeArrayType:'请输入',
}
},
methods: {
examinationType(e) {
this.examinationTypeIndex = e.target.value;
this.form.status=e.target.value;
this.examinationTypeArrayType=this.examinationTypeArray[this.examinationTypeIndex];
console.log(e);
},
}
}

边栏推荐
- Niuke multi school link with level editor i- (linear DP)
- Langjing Technology (Trax China) "robot +ai" opens the era of Chinese retail meta universe
- 2022低压电工考试题及答案
- RSA encrypts data with private key and decrypts data with public key (not a signature verification process)
- 树莓派基础 | 总结记录树莓派学习过程中的一些操作
- Leetcode 0143. rearrange linked list
- Install mysql5.7.36 in CentOS
- [util] redis tool class: change the value serializer of redis to genericjackson2jsonredisserializer, and the return value can be object or collection
- Entering the world of audio and video -- flv video packaging format
- 文献阅读(245)Roller
猜你喜欢

Langjing Technology (Trax China) "robot +ai" opens the era of Chinese retail meta universe

Multi level cache scheme

ZABBIX distributed

QQ robot configuration record based on nonebot2

Leetcode 105. construct binary tree from preorder and inorder traversal sequence & 106. construct binary tree from inorder and postorder traversal sequence

@DS('slave') 多数据源兼容事务问题解决方案

一些企业数据平台建设的思考

Daily question - Scholarship

手机滚动截屏软件推荐

RSA encrypts data with private key and decrypts data with public key (not a signature verification process)
随机推荐
【Util】redis工具类:把redis的value序列化器修改为GenericJackson2JsonRedisSerializer,就支持返回值为对象或集合了
Discrete logarithm problem (DLP) & Diffie Hellman problem (DHP)
Unittest executes runtestcase prompt <_ io. Textiowrapper name= '< stderr>' mode=W encoding=UTF-8 > solution
UI开发中所遇到的各种坑
如何有效进行回顾会议(上)?
jenkins
Tdengine helps Siemens' lightweight digital solutions
zabbix分布式
【Utils】ServletUtil
分集技术简略
Clickhouse分布式集群搭建
手机滚动截屏软件推荐
How to effectively conduct the review meeting (Part 1)?
Detailed explanation of C language student achievement management system [easy to understand]
unittest执行runTestCase提示<_io.TextIOWrapper name=‘<stderr>‘ mode=‘w‘ encoding=‘utf-8‘>解决方案
Read how to deploy highly available k3s with external database
Clickhouse架构与设计
C# 获取当前路径7种方法
MiniTest--小程序自动化测试框架
2022年熔化焊接与热切割考题及在线模拟考试