v-model.trim用于去掉输入框内首尾空格 && @input只要输入的值变化了就会触发input
2023-09-14 09:01:59 时间
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
</style>
</head>
<body>
<div id="app">
<input type="text" v-model.trim='a' @input='add'>
<p>{{a}}</p>
</div>
<script src="js/vue.js"></script>
<script>
var vue = new Vue({
el:"#app",
data:{
a: 100
},
methods:{
add() {
console.log(this.a)
}
}
})
</script>
</body>
</html>
相关文章
- 【Flutter&Flame 游戏 - 叁】手势操作与键盘事件
- GraphQL: File Upload & Troubleshooting
- ATT&CK实战系列——红队实战(一)
- 零零信安-D&D数据泄露报警日报【第43期】
- EMNLP2022 | 多模态“讽刺语言”检测框架(南洋理工 & 含源码)
- “吃”了这口电池,植物竟还能正常生长 | 东京大学&NTT
- 使用 arxiv-sanity &paperwithcode 跟进最新研究领域的文章
- PGL图学习项目合集&数据集分享&技术归纳业务落地技巧[系列十]
- 【顺序表&学生信息管理系统】学完顺序表就可以上高速写学生信息管理系统
- 力扣7-整数反转&力扣8-字符串转换整数 (atoi)
- 解密Prompt系列3. 冻结LM微调Prompt: Prefix-tuning & Prompt-tuning & P-tuning
- LAMP&LNMP自动化安装脚本代码