前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >ion-picker设定默认值

ion-picker设定默认值

作者头像
IT晴天
发布于 2019-08-06 06:48:50
发布于 2019-08-06 06:48:50
87500
代码可运行
举报
文章被收录于专栏:ionic3+ionic3+
运行总次数:0
代码可运行

关于ion-picker的默认值设定,群里有人说找了几天没找到相关资料,不至于吧?

其实每列都有selectedIndex属性,设置下就好了:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
  async showBasicPicker() {
    const opts: PickerOptions = {
      buttons: [
        {
          text: 'Cancel',
          role: 'cancel'
        },
        {
          text: 'Done'
        }
      ],
      columns: [
        {
          name: 'framework',
          selectedIndex: 2,
          options: [
            { text: 'Angular', value: 'A' },
            { text: 'Vue', value: 'B' },
            { text: 'React', value: 'C' }
          ]
        }
      ]
    };
    const picker = await this.pickerCtrl.create(opts);
    picker.present();
  }

image.png

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019.08.02 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
Ionic3学习笔记(十二)拍照上传图片以及从相册选择图片上传
Ionic Native - Camera GitHub - cordova-plugin-camera Ionic Native - Image Picker GitHub - ImagePicker
Theo Tsao
2018/09/07
1.3K0
【组件篇】ionic3图像手指缩放滑动预览
我在一篇文章【组件篇】ionic3开源组件提到过图像预览组件,可以看里面的源码,也可以看下面内容。
IT晴天
2018/08/20
1.5K0
PWA入门:手把手教你制作一个PWA应用
Web前端的同学是否想过学习app开发,以弥补自己移动端能力的不足?但在面对一众的选择时很多同学略感迷茫,是学习ios还是android开发?是学习原生开发、混合开发(比如:Ionic),还是使用react native或者flutter这样的跨平台框架?而app开发的学习周期长、学习成本高也让一部分人望而却步。得益于前端技术的飞速发展、浏览器性能的不断提高,使用网页技术开发出接近原生体验的应用得以变为现实,PWA就在这样的背景下应运而生。可以用自己熟悉的HTML、CSS、Javascript开发出媲美原生app的网站,不仅拥有接近原生app的流畅程度,并且具备一些原生app才有的特性,比如:a. 可以在主屏上安装应用图标,b. 离线状态下访问,c. 获取消息通知,等等。。PWA的出现让大家看到了希望!
MudOnTire
2019/07/02
3.7K0
PWA入门:手把手教你制作一个PWA应用
【技巧】ionic3视频上传
有人问到视频上传这个问题,那我还是写一下吧,其实基本参考《ionic3多文件上传》这文章也行,不过对于单文件上传就不用那么复杂了,步骤如下:
IT晴天
2018/08/20
7280
手把手教你写一个前端脚手架
脚手架是什么,相信各位已经熟悉得不能再熟悉了,毕竟无论是vue开发者(vue-cli)还是react(create-react-app)开发者,他们都有各自的脚手架,个人虽是用react更多,但不得不说是更喜欢vue-cli的,它的插件机制非常有意思,虽不如webpack的plugin那么方便,但也很强大。不过再讲这强大的功能之前,原谅我先水一篇脚手架的基础。
winty
2024/07/11
2920
手把手教你写一个前端脚手架
2022年了你必须要学会搭建微前端项目及部署方式
一、微前端简介 微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用可以独立运行、独立开发、独立部署。 微前端的好处 应用自治。只需要遵循统一的接口规范或者框架,以便于系统集成到一起,相互之间是不存在依赖关系的。 单一职责。每个前端应用可以只关注于自己所需要完成的功能。 技术栈无关。你可以使用 Angular 的同时,又可以使用 React 和 Vue。 微前端的缺点 应用的拆分基础依赖于基础设施的构建
程序员poetry
2022/01/06
2.4K0
2022年了你必须要学会搭建微前端项目及部署方式
React Native 使用react-native-image-picker库实现图片上传功能
react-native-image-picker作为一个集成相机和相册的功能的第三方库,因为其使用相对简单受到前端开发人员的喜爱。 react-native-image-picker使用 1, 首先,安装下该插件。 npm install react-native-image-picker@latest --save 2, 针对Android和iOS平台分别进行配置 ## android 平台配置 1,在android/settings.gradle文件中添加如下代码: include ':react-n
xiangzhihong
2018/02/06
5.6K0
React Native 使用react-native-image-picker库实现图片上传功能
为支持两个语言版本,我基于谷歌翻译API写了一款自动翻译的 webpack 插件
原文链接:https://juejin.cn/post/7072677637117706270
若川
2022/04/14
3.4K0
为支持两个语言版本,我基于谷歌翻译API写了一款自动翻译的 webpack 插件
深度:从零编写一个微前端框架
那么现在我们需要手写一个微前端框架,首先得让大家知道什么是微前端,现在微前端模式分很多种,但是大都是一个基座+多个子应用模式,根据子应用注册的规则,去展示子应用。
Peter谭金杰
2020/05/18
1.3K0
深度:从零编写一个微前端框架
Serverless + Egg.js 后台管理系统实战
作为一名前端开发者,在选择 Nodejs 后端服务框架时,第一时间会想到 Egg.js,不得不说 Egg.js 是一个非常优秀的企业级框架,它的高扩展性和丰富的插件,极大的提高了开发效率。开发者只需要关注业务就好,比如要使用 redis,引入 egg-redis 插件,然后简单配置就可以了。正因为如此,第一次接触它,我便喜欢上了它,之后也用它开发过不少应用。 有了如此优秀的框架,那么如何将一个 Egg.js 的服务迁移到 Serverless 架构上呢? 背景 我在文章《基于 Serverless Com
腾讯云serverless团队
2020/03/20
4.4K0
前端技术前沿2
wx.showToast({ title: '成功', icon: 'success', duration: 2000 }) wx.showModal({ title: '提示', content: '这是一个模态弹窗', success: function(res) { if (res.confirm) { console.log('用户点击确定') } else if (res.cancel) { console.log('用户点击取消')
达达前端
2019/07/03
7320
前端技术前沿2
React造轮系列:对话框组件 - Dialog 思路
本轮子是通过 React + TypeScript + Webpack 搭建的,至于环境的搭建这边就不在细说了,自己动手谷歌吧。当然可以参考我的源码。
前端小智@大迁世界
2019/06/15
3.6K0
Serverless + Egg.js 后台管理系统实战
作为一名前端开发者,在选择 Nodejs 后端服务框架时,第一时间会想到 Egg.js,不得不说 Egg.js 是一个非常优秀的企业级框架,它的高扩展性和丰富的插件,极大的提高了开发效率。开发者只需要关注业务就好,比如要使用 redis,引入 egg-redis 插件,然后简单配置就可以了。正因为如此,第一次接触它,我便喜欢上了它,之后也用它开发过不少应用。
网站运维工程师
2020/03/11
4.9K0
从0到1打造一款react-native App(三)Camera
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/j_bleach/article/details/80723293
j_bleach
2019/07/02
1.7K0
从0到1打造一款react-native App(三)Camera
Vue3.0入门 + Vant3.0移动端实践(二)轮播图模块封装及首页完善
接着上一篇的来,上一篇介绍了环境搭建及做好了底部的导航栏模块,接下来继续完善首页。
杨永贞
2021/02/22
1.3K0
Vue3.0入门 + Vant3.0移动端实践(二)轮播图模块封装及首页完善
构建具有用户身份认证的 Ionic 应用
序言:本文主要介绍了使用 Ionic 和 Cordova 开发混合应用时如何添加用户身份认证。教程简易,对于 Ionic 入门学习有一定帮助。因为文章是去年发表,所以教程内关于 Okta 的一些使用步骤不太准确,但是通过 Okta 的官网也可以找到对应的内容。另外,使用 npm 安装 Ionic starter 模板可能会有安装失败的情况,建议不要在这方面浪费太多时间,可以直接在 Ionic 的 GitHub 仓库 中下载 starter 模板。 原文:How to Sprinkle ReactJS i
叙帝利
2018/05/28
23.3K0
TDesign 更新周报(2022年7月第1周)
详情见:https://github.com/Tencent/tdesign-vue/releases/tag/0.43.2
TDesign
2022/07/05
2.3K0
Next.js + 腾讯云开发Webify 打造绝佳网站
之前使用Next.js + strapi做了一个简单博客站点也顺道写了一篇Next.js 简明教程,之后Next本身一直在迅猛发展。利用现代js能力来说做到了:
小刀c
2022/09/21
1.4K0
Next.js + 腾讯云开发Webify 打造绝佳网站
2022年你还不会serverless?看看这篇保姆级教程(下)
用户发送的 HTTP 请求经过 API 网关后,网关侧将原生请求直接透传的同时,在请求头部添加了网关触发函数时需要的函数名、函数地域等内容,并一起传递到函数环境,触发后端函数执。
程序员poetry
2022/01/07
1.3K2
2022年你还不会serverless?看看这篇保姆级教程(下)
Next.js + 云开发Webify 打造绝佳网站
之前使用 Next.js + strapi 做了一个简单博客站点也顺道写了一篇 Next.js 简明教程,之后 Next 本身一直在迅猛发展。利用代 js 能力来说做到了:
腾讯云开发TCB
2021/09/10
1.6K0
Next.js + 云开发Webify 打造绝佳网站
推荐阅读
相关推荐
Ionic3学习笔记(十二)拍照上传图片以及从相册选择图片上传
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文