Encontrou um problema no trabalho, a interface do terminal só pode receber dados inteiros positivos, chinês, pontos decimais, caracteres especiais e outras formas de dados relatarão erros
Depois de alguma pesquisa, encontrei um método que pode ser usado
Adicione controles regex embutidos, assim:
<el-input
v-model="dataList"
style="width: 80%"
placeholder="请输入数据"
oninput="value=value.replace(/[^\d]/g,'')"
></el-input>Este método pode realmente alcançar o efeito desejado, e todo o conteúdo inteiro não positivo não pode ser inserido. No entanto, no teste, verifica-se que esse método será desconectado da ligação v-model de tempos em tempos, fazendo com que a função fique indisponível.
Então modifiquei a ideia desse método e mudei para o seguinte:
watch: {
dataList (val) {
this.dbPort = val.replace(/\D/g, '')
}
},Usar watch para monitoramento de dados também pode alcançar o efeito que desejo e, após o teste, não há fenômeno que não possa ser vinculado ao modelo.
Nota: Este método é adequado apenas para controle de dados únicos ou dados múltiplos com diferentes condições de controle. Não é recomendado escrever desta forma para dados múltiplos com as mesmas condições de controle, o que é uma perda de tempo.
Um front-end Xiaobai, dedicado a compartilhar os problemas encontrados no trabalho, se houver algo errado, corrija-me, se for útil para você, por favor, goste, muito obrigado!