vue使用van-popup和van-action-sheet_van-action-sheet 参数_IXJMI的博客-程序员秘密

技术标签: vue  

vant的滑块的使用

加一个充值滑块

<van-popup v-model="show"  bind:close="onClose"  position="bottom" custom-style="height: 20%;" class="rechange">
  <p>充值金额</p>
  <div>
    ...
  </div>
  <van-button>充值</van-button>
</van-popup>

三个选项的上拉菜单

	<!-- 修改性别的弹窗 -->
    <van-action-sheet v-model="sexshow" description="请选择" @close="sexshow = false" v-if="sexshow">
      <van-button type="default" @click="setsex(1)" v-show="sexshow"></van-button>
      <van-button type="default" @click="setsex(2)" v-show="sexshow"></van-button>
    </van-action-sheet>
    <!-- 生日的弹窗 -->
    <van-action-sheet v-model="Calendarshow" @close="Calendarshow = false" v-if="Calendarshow">
      <van-datetime-picker type="date" @confirm="onConfirm" @cancel="Calendarshow = false" v-show="Calendarshow" :min-date="minDate" :max-date="maxDate" />
    </van-action-sheet>
    <!-- 修改地区的弹窗 -->
    <van-action-sheet v-model="cityshow" @close="cityshow = false" v-if="cityshow">
      <van-area :area-list="areaList"  @confirm="getcitycode"/>
    </van-action-sheet>

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/a347867019/article/details/105269262

智能推荐

UVA10106_LYoGa的博客-程序员秘密

还是水题。。。#include #include #define N 800 int main(){ char s1[N], s2[N]; int a[N], b[N], sum[N]; int n, k; while (scanf("%s%s", s1, s2) != EOF){ int l1 = strlen(s1); int l2 = strlen(s2);

three-times handshake_weixin_34015566的博客-程序员秘密

syn-&gt;(ack, syn)-&gt;ack转载于:https://www.cnblogs.com/aoun/p/3674389.html

理解pages和page Frames的区别_Smith先生的博客-程序员秘密

物理页面通常被称作Page Frames,而虚拟地址空间的页面通常被称为pages.Linux以page为单位管理内存。     并不是所有的虚拟地址空间pages都映射到了物理空间的page Frames.一方面,这些没有映射的pages要么是暂时还用不到,要么是由于不需要,数据还没有加载到内存里。另一方面, 这些没有映射的pages也可能是交换出(swapped out)到了硬盘里, 在被

【程序人生】解决Invalid left-hand side in assignment页面报错问题[email protected]的博客-程序员秘密

总结一下Invalid left-hand side in assignment的报错问题.即左边的参数引用报错.如下图所示根据字面意思定位错误代码如下:var textMaxlent = document.getElementById("textarea").value.length; if(textMaxlent &lt; maxLenght &amp;&amp; anchorNum...

Arch-005ArchLinux虚拟机安装_kernel module nfs is missing_Licona的博客-程序员秘密

virtualbox 虚拟机1.先安装linux-headerssudo pacman -S linux-headers2.其次确认linux内核的版本uname -r如果和header的版本不一致,需要更新内核。否则的话会在安装virtualbox的时候报错“missing kernal module tree”。3.sudo pacman -S linux建议把linux的内核先...

PyQt5的QMessageBox属性及自定义中文按钮_pyqt 消息提示框 按钮中文文本调整_Yselin_cl的博客-程序员秘密

QMessageBox是一种通用的弹出框对话框;包含:提示、警告、错误、咨询、关于等对话框;只是显示图标不同,其他功能类似;QMessageBox类常用方法如下:按钮类型:...

随便推点

ROM(read-only-memory)_.Passion的博客-程序员秘密

ROM是只读存储器(Read-Only Memory)的简称,是一种只能读出事先所存数据的固态半导体存储器。其特性是一旦储存资料就无法再将之改变或删除。通常用在不需经常变更资料的电子或电脑系统中,并且资料不会因为电源关闭而消失ROM 是只读存储器,不像随机存储器能快速方便地改写存储内容。ROM所存数据稳定 ,断电后所存数据也不会改变。部分 ROM 可读可写,当时效率肯定 不然 随机读写的效率高改写ROM可利用高电压(或者紫外线)将资料编程写入,因此写的效率要低的多。ROM 的主要分类:我.

SSH2整合报错:java.lang.ClassNotFoundException: org.springframwork.web.context.Contex_皓月千里010的博客-程序员秘密

今天整合SSH2,运行报错:java.lang.ClassNotFoundException: org.springframwork.web.context.ContextLoaderListener从网上查询了二个原因:1,缺少pring-web.jar或者sping.jar及其依赖包 2,需将所有包拷贝到web-info下的lib中 均未能解决我的问题。下面我贴出我的报错请各位大神...

JSP与HTML的区别_html和jsp的区别_超级可爱的小甜甜的博客-程序员秘密

什么是HTML?HTML称为超文本标记语言,是一种标识性的语言,是用来描述网页的一种语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编...

竞价账户创意如何编辑,干货奉上_王尘宇的博客-程序员秘密

创意是什么呢?创意就是在我们在百度搜索时,搜到了竞价推广页面,而推广页面就是由关键词,标题,描述,图片,访问URL以及显示URL组成的。而这一个整体就叫创意。只要创意写的好,那我们的点击量就会非常大,一条好的创意也是我们竞价账户优化的关键。写创意的话有些规定,标题不可以超过五十个字符,描述不可以超过八十个字符,这些在竞价后台添加创意时都可以发现,也不可以出现绝对词,比如最好,最棒,最知名这些词不可以出现在创意中。飘红就是在客户搜索到什么词后词出现在我们的创意中的都会飘红。写创意要遵.

c语言stl模板,c/c++开发分享C++ 标准模板库 STL 顺序容器详解_成楠Peter的博客-程序员秘密

c++ 标准模板库 stl 顺序容器容器顺序性重复性支持迭代器vector动态数组无序可重复随机访问迭代器deque双向队列无序可重复随机访问迭代器list双向链表无序可重复双向迭代器动态数组 vector​ vector #include 动态数组:其元素在内存中是连续存放的,随机存取任何元素都可以在常数时间内完成,在该容器的尾部增删元素也几乎能够在常数时间内完成具有较好的性能。​ 一个 ve...

JAVA常用API : 匿名对象_林九的博客-程序员秘密

匿名对象 //创建一个person对象 public static class Person { String name; } public static void main(String[] args) { //一般创建对象 Person person = new Person(); person.name = "张三";