vue中input标签的使用
vue中input标签的使用普通input标签<input type="text" value="value" placeholder="placeholder" name="name">type规定 input 元素的类型,value规定 input 元素的值placeholder规定帮助用户填写输入字段的提示name用于对提交到服务器后的表单数据进行标识在客户端通过 JavaScr
·
vue中input标签的使用
普通input标签
<input type="text" value="value" placeholder="placeholder" name="name">
-
type
规定 input 元素的类型,
-
value
规定 input 元素的值
-
placeholder
规定帮助用户填写输入字段的提示
-
name
- 用于对提交到服务器后的表单数据进行标识
- 在客户端通过 JavaScript 引用表单数据
vue中的input标签
<input type="text" value="value" placeholder="placeholder" name="name" @input="print($event.target.value)">
<script>
export default {
name:'login',
methods:{
print(e){
console.log(e)
}
}
}
</script>
- 就是多了个@input事件,监听输入框中数值的变化
- $event.target.value可以获得输入框中的值
更多推荐
已为社区贡献6条内容
所有评论(0)