请问如何写html只能纯数字过长自动换行+自动去掉尾数0的number textarea?
请问如何写html只能纯数字过长自动换行+自动去掉尾数0的number textarea?目前用input number type只能一行,假设宽度只能100,大数量很多数字会被吃掉想要多的数字跨行并且去掉尾数为0的如
123456789.234000
变成
123456
6789.2
34
vue 的 data 取值还是能取得 123456789.234000
而不是 123456\n789.2\n34
回复
1个回答
test
2024-06-25
是这样吗? textarea_number_data
就是要获取的值 textarea_number
是显示值
<script setup>
import {ref} from "vue";
const textarea_number_data = ref();
const textarea_number = ref();
const keyupNumber = () => {
textarea_number_data.value = textarea_number.value.replace(/[^\d.]/g, "").replace(/\.(?=.*\.)/g, "");
console.log(textarea_number_data.value)
textarea_number.value = textarea_number_data.value.match(/.{1,6}/g).join("\n");
}
</script>
<template>
<textarea v-model="textarea_number" @keyup="keyupNumber()"></textarea>
</template>
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容