两个分段器显示与隐藏

阳光穿透心脏的1/2处 2022-02-01 07:09 167阅读 0赞

1.  
            
                <view class="uni-padding-wrap uni-common-mt"  v-show="typeIndex">  
                    <uni-segmented-control :current="current" :values="items" style-type="button"  
                     :activeColor="activeColor"></uni-segmented-control>  
                </view>  
           
        <view class="input-view" v-show="!typeIndex">  
            <uni-icon type="search" size="22" color="\#666666"></uni-icon>  
            <input confirm-type="search" class="input" type="text" placeholder="输入搜索关键词" />  
        </view>  
          
        <view class="uni-padding-wrap uni-common-mt">  
            <uni-segmented-control :current="current" :values="searchTypes" @clickItem="onClickItem" style-type="text"  
             :activeColor="activeColor"></uni-segmented-control>  
        </view>

2.

data() \{  
            return \{  
                items: \[  
                    '报修中',  
                    '已处理',  
                      
                \],  
                searchTypes:\[  
                    '报修时间',  
                    '维修状态'  
                \],  
                typeIndex: false,

3. methods: \{  
            onClickItem(index) \{  
                this.typeIndex = !this.typeIndex;  
            \}

｝

发表评论取消回复

表情：

评论列表（有 0 条评论，167人围观）

还没有评论，来说两句吧...

相关阅读

相关显示mac 隐藏文件与显示

命令行：显示mac 隐藏文件：defaults write com.apple.finder AppleShowAllFiles -boolean true ; killa

曾经终败给现在/ 2024年02月18日 20:21/ 0 赞/ 23 阅读

相关一个＜td＞＜/td＞中显示两个筛选器 vue

下图: ![20201207174206207.png][] 需要改为如下： ![20201207174322671.png][] 只需要： ![2020120

川长思鸟来/ 2022年12月27日 02:20/ 0 赞/ 98 阅读

相关键盘的隐藏与显示

键盘的隐藏： import android.view.inputmethod.InputMethodManager; private void

妖狐艹你老母/ 2022年08月06日 08:24/ 0 赞/ 172 阅读

相关显示与隐藏

[vueJS简单的点击显示与隐藏的效果][vueJS] 目前前端框架太多，接触过angular、ember，现在开始倒腾vue 此处用到v-if、v-else、v-sh

淩亂°似流年/ 2022年06月04日 08:07/ 0 赞/ 279 阅读

相关 js实现显示与隐藏

总结如下： 1.jQuery中隐藏元素的hide方法让页面上的元素不可见，一般可以通过设置css的display为none属性。但是通过css直接修改是静态

亦凉/ 2022年05月26日 08:15/ 0 赞/ 1057 阅读

相关显示与隐藏效果

显示与隐藏效果开发工具与关键技术：DW、显示与隐藏效果作者：黄桂康撰写时间：2019.02.20 本篇介绍下拉框的效果，它只要是两个盒子，一个

谁借莪１个温暖的怀抱￠/ 2022年03月18日 11:17/ 0 赞/ 268 阅读

相关两个分段器显示与隐藏

1.  <view class="uni-padding-wrap uni-common

阳光穿透心脏的1/2处/ 2022年02月01日 07:09/ 0 赞/ 168 阅读

相关四个分段器

<template> <view> <view class="uni-padding-wrap uni-common-mt " v-show="flag"> <un

骑猪看日落/ 2022年01月31日 05:59/ 0 赞/ 268 阅读

相关 input 密码显示与隐藏

H5隐藏密码与显示 HTML <div class="weui-cell__bd new_password"> <input clas

深藏阁楼爱情的钟/ 2022年01月19日 01:59/ 0 赞/ 448 阅读

相关 div 显示与隐藏

最近写项目用到DIV隐藏,以下引用[http://www.cnblogs.com/dotLive/archive/2007/04/04/699302.html][http_ww

我不是女神ヾ/ 2021年12月17日 15:45/ 0 赞/ 414 阅读