当前位置:网站首页>uniapp 除了数字,其他输入无效
uniapp 除了数字,其他输入无效
2022-07-04 23:03:00 【你的美,让我痴迷】
<template>
<view>
<input type="number"class="tl-price-input" placeholder="请输入数字1" v-model="number" >
<input type="number" class="tl-price-input" placeholder="请输入数字2" v-model="data.number" >
</view>
</template>
<script>
export default {
data() {
return {
number:'',
data:{
number:'',
}
};
},
computed:{
newFun(){
console.log(this.data.number,this.number,"数据");
if(!Number(this.number)){
this.number=parseFloat(this.number);
}
if(!Number(this.data.number)){
this.data.number=parseFloat(this.data.number);
}
}
},
onLoad() {
}
}
</script>
<style lang="scss">
/*价格搜索input框*/
input, button {
border: none;
outline: none;
}
.tl-price-input{
margin:10px auto;
width: 80%;
border: 1px solid #ccc;
padding: 7px 0;
background: #F4F4F7;
border-radius: 3px;
padding-left:5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.tl-price-input:focus{
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.ant-btn {
line-height: 1.499;
position: relative;
display: inline-block;
font-weight: 400;
white-space: nowrap;
text-align: center;
background-image: none;
border: 1px solid transparent;
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.015);
box-shadow: 0 2px 0 rgba(0,0,0,0.015);
cursor: pointer;
-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
transition: all .3s cubic-bezier(.645, .045, .355, 1);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
height: 32px;
padding: 0 15px;
font-size: 14px;
border-radius: 4px;
color: rgba(0,0,0,0.65);
background-color: #fff;
border-color: #d9d9d9;
}
.ant-btn-primary {
color: #fff;
background-color: #1890ff;
border-color: #1890ff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.12);
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.045);
box-shadow: 0 2px 0 rgba(0,0,0,0.045);
}
.ant-btn-red {
color: #fff;
background-color: #FF5A44;
border-color: #FF5A44;
text-shadow: 0 -1px 0 rgba(0,0,0,0.12);
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.045);
box-shadow: 0 2px 0 rgba(0,0,0,0.045);
}
</style>

边栏推荐
- The difference between debug and release
- 【爬虫】数据提取之JSONpath
- 法国学者:最优传输理论下对抗攻击可解释性探讨
- The solution to the lack of pcntl extension under MAMP, fatal error: call to undefined function pcntl_ signal()
- Redis:Redis消息的发布与订阅(了解)
- Photoshop批量给不同的图片添加不同的编号
- heatmap. JS picture hotspot heat map plug-in
- A complete tutorial for getting started with redis: Pipeline
- Redis入门完整教程:Redis使用场景
- [crawler] XPath for data extraction
猜你喜欢

MariaDB的Galera集群-双主双活安装设置

SHP data making 3dfiles white film

cout/cerr/clog的区别

QT drawing network topology diagram (connecting database, recursive function, infinite drawing, dragging nodes)

phpcms付费阅读功能支付宝支付
![P2181 对角线和P1030 [NOIP2001 普及组] 求先序排列](/img/79/36c46421bce08284838f68f11cda29.png)
P2181 对角线和P1030 [NOIP2001 普及组] 求先序排列

C language to quickly solve the reverse linked list

Excel 快捷键-随时补充

Excel shortcut keys - always add

heatmap. JS picture hotspot heat map plug-in
随机推荐
[odx Studio Edit pdx] - 0.2 - Comment comparer deux fichiers pdx / odx
ETCD数据库源码分析——处理Entry记录简要流程
Redis: redis message publishing and subscription (understand)
Photoshop批量给不同的图片添加不同的编号
A complete tutorial for getting started with redis: hyperloglog
MariaDB's Galera cluster application scenario -- multi master and multi active databases
Explanation of bitwise operators
JS 3D explosive fragment image switching JS special effect
Pict generate orthogonal test cases tutorial
Insert sort, select sort, bubble sort
qt绘制网络拓补图(连接数据库,递归函数,无限绘制,可拖动节点)
VIM editor knowledge summary
Font design symbol combination multifunctional wechat applet source code
One of the commonly used technical indicators, reading boll Bollinger line indicators
蓝天NH55系列笔记本内存读写速度奇慢解决过程记录
位运算符讲解
高配笔记本使用CAD搬砖时卡死解决记录
A complete tutorial for getting started with redis: Pipeline
Mysql database backup and recovery -- mysqldump command
[Taichi] change pbf2d (position based fluid simulation) of Taiji to pbf3d with minimal modification