mint-ui 写一个下拉滑动选择,mt-popup和mt-picker结合使用

<template><div id="feedback"><div @click="getpopupVisible">产品选择</div><mt-popupv-model="popupVisible"popup-transition="popup-fade"position="bottom"><div class="picker-toolbar-title"><div class="usi-btn-cancel" @click="popupVisible = !popupVisible">取消</div><div class="">产品选择</div><div class="usi-btn-sure" @click="addrConfirm">确定</div></div><mt-pickerref="picker":slots="slots"value-key="name"@change="onValuesChange"></mt-picker></mt-popup></div>
</template>
<script>
export default {data() {return {slots: [{values: [{id: 0,name: "阳光虞美人女性保险",},{id: 1,name: "阳光贝贝",},{id: 2,name: "畅行天下",},{id: 3,name: "安心成长",},{id: 4,name: "阳光商旅",},],},],popupVisible: false,};},methods: {getpopupVisible() {this.popupVisible = true;},onValuesChange(picker, values) {this.product = values[0].name;},addrConfirm() {console.log(this.product);this.popupVisible = false;},},
};
</script><style lang="scss">
#feedback {width: 100%;height: auto;.mint-header {background: #fff;color: #666;font-size: 16px;}.mint-popup {width: 100%;}.picker-toolbar-title {display: flex;flex-direction: row;justify-content: space-around;height: 40px;line-height: 40px;font-size: 16px;background: #f5f5f5;}.usi-btn-cancel,.usi-btn-sure {color: #108ee9;}
}
</style>

mint-ui 写一个下拉滑动选择,mt-popup和mt-picker结合使用相关推荐

html ui 下拉列表,Atitit.ui控件-下拉菜单选择控件的实现select html_html/css_WEB-ITnose...
Atitit.ui控件---下拉菜单选择控件的实现select html 1. 调用& model的实现 1 2. -----select.jsp------ 1 1. 调用& mod ...
html鼠标点击有手势出来,用原生js+css3撸的一个下拉手势事件插件
; (function () { var DropDown = function (dropId = 'dropDwon', distance = 60, callBack = () => {} ...
Django通过一个下拉框确定另外一个下拉框的值，并关联起来
1.通常,在web开发中,有这样一种页面,比如下拉框选择一个类型,这个类型底下又细分了很多种相关的描述,因此就有了这样一种需求. 下面用这样一个例子:人员类型,可以分为大学学生,大学教师,学生底下又分 ...
android studio 下拉菜单,怎么在android studio中使用Spinner实现一个下拉菜单
怎么在android studio中使用Spinner实现一个下拉菜单发布时间:2021-03-23 14:56:15 来源:亿速云阅读:92 作者:Leah 这期内容当中小编将会给大家带来有关怎 ...
uniapp实现下拉搜索选择框，app，h5可用
在通过uniapp做app开发的时候,有场景需要用到下拉选择框,但是使用的uview框架里的底部弹出的选择项形式产品又不满意...于是在uniapp插件市场上搜索了一番,最终发现了一款还可以的,主要 ...
python爬取下拉列表数据_Python+selenium之获取文本值和下拉框选择数据
Python+selenium之获取文本值和下拉框选择数据一.结合实例进行描述 1. 实例如下所示: #新增标签操作 def func_labels(self): self.driver.find_ ...
vue 下拉框筛选列表_vue下拉菜单选择输入框_带有下拉菜单的Vue搜索输入可提供更多过滤条件...
vue下拉菜单选择输入框 @ tillhub / vue-search-filter (@tillhub/vue-search-filter) Vue search input with dropdo ...
java 新建菜单选项_请完成下列Java程序：创建一个下拉式菜单，菜单项包括3个CheckboxM..._考试资料网...
请完成下列Java程序:创建一个下拉式菜单,菜单项包括3个CheckboxMenultem(复选框),一条分割线和一个Exit项.要求打开或关闭复选框时,确定是哪个被切换,是开还是关,并输出它的状态: ...
Android UI自定义Spinner下拉框（用popuwindow实现）-转
定义出第一个图片的布局和弹出框(一个listView)的布局,,这里就不在多说了~ListView需要自己定义一个MyspinnerAdapter~做好这些准备之后,就是弹出框的实现了~ prote ...

mint-ui 写一个下拉滑动选择,mt-popup和mt-picker结合使用

mint-ui 写一个下拉滑动选择,mt-popup和mt-picker结合使用相关推荐

最新文章

热门文章