uni-search-bar

请注意！本次修改基于原生uni-search-bar（h5以及小程序可用，其它未进行测试），兼容uni-search-bar(1.0.3)。如修改过该原生组件代码，请谨慎使用。

上代码，不废话

1、请移动代码到props下面，增加如下

//....前方代码已省略
bgColor: {type: String,default: "#F8F8F8"
},
maxlength: {type: [Number, String],default: 100
},
//.....新增searchValInit(查询默认值),showInit(初始化)
searchValInit: {type: [Number, String],default: ""
},
showInit:{type: [Boolean],default: false
}

2、修改data中属性，代码如下

data() {return {show: this.showInit,    //原本代码show:falseshowSync: false,searchVal: this.searchValInit   //原本代码searchVal:""}
}

3、使用方式
添加标签属性searchValInit="默认值"和:showInit=“true”
（不要忘记添加showInit,否则不显示）
如果为异步，请使用v-if
（初始化值必须在v-if状态之前，否则不显示）
如有错误请评论告知，谢谢。

重要事情说三遍！请谨慎使用，本例子仅供参考！
重要事情说三遍！请谨慎使用，本例子仅供参考！
重要事情说三遍！请谨慎使用，本例子仅供参考！

uni组件uni-search-bar默认值相关推荐

react 父子组件传值校验设置默认值
父子组件传值校验 & 设置默认值 import PropTypes from 'prop-types' 在class 类外面: 1-传值校验子组件名.propTypes= {avname= ...
JMeter配置元件【HTTP请求默认值】
1.HTTP请求默认值介绍我们在JMeter中编辑测试计划时,如果有多个Sampler(取样器)请求中,参数和设置都是相同的,例如请求服务的IP地址.协议.端口号等,这些信息重复的配置在每个Samp ...
vue中$event理解和框架中在包含默认值外传参
在vue中普通方法中默认带有event DOM事件如greet方法,如果是内联函数的话如warn方法,只需要在定义方法的地方同时传入$event即可,这里需要强调的是在iview中,这里用的是sele ...
Smark.Data实体默认值描述
在数据设计的时候会针对一些字段设置默认的值,Smark.Data同样支持这样的功能,组件通过在属性中描述一个Value属性来告诉组件这个值如果在没有设置的情况应该提供怎样的值.组件提供一个描述的基类, ...
uni-app里的拓展组件uni ui与UI框架uView UI的Popup 弹出层的区别！
uni-app里的拓展组件uni ui与UI框架uView UI的Popup 弹出层的区别! 文章目录 1.官网Popup 弹出层链接 2.属性不同 3.属性对照 4.弹出的方式 5.uView特有属 ...
antd 给input设置值_Antd 中 Input 组件默认值的显示
1.input标签中有placeholder可以显示默认值但是有少量样式的问题(字体颜色会淡一点) placeholder属性 2.用Input组件中的defaultValue属性 defaultV ...
[react] 如果组件的属性没有传值，那么它的默认值是什么？
[react] 如果组件的属性没有传值,那么它的默认值是什么? 如果某一个prop并没有初始化值,那么在没有设置默认值的情况下,是会直接返回undefined的,如果有默认值,那么就会返回默认值个人 ...
【已解决】iView-admin Editor 组件绑定默认值问题
[已解决]iView-admin Editor 组件绑定默认值问题参考文章: (1)[已解决]iView-admin Editor 组件绑定默认值问题 (2)https://www.cnblog ...
Vue——05-02组件的数据、为什么data要使用函数、父组件给子组件传递数据的三种写法、父传子以及传两种以上的值、默认值以及父传子的引用类型
目录在组件中获取数据二.组件中的data为什么必须要是函数? 父组件给子组件传递数据--props属性第一种写法: 第二种写法: 第三种写法: 传默认值 : 父组件传子组件数据--引用类型的两种 ...

uni组件uni-search-bar默认值

uni组件uni-search-bar不带默认值修复

uni-search-bar

上代码，不废话

uni组件uni-search-bar默认值相关推荐

最新文章

热门文章