uniapp 除了数字,其他输入无效

<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>

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_45932157/article/details/125605522