Vue表单为空也能提交的问题

今天在用Vue写表单验证的时候，习惯性把v-model绑定的值设置为null，然后再测试的时候，发现如果填写了表单后，又删除输入的内容，竟然能提交上去，百思不得其解。最后通过vue devtools这个工具找到了问题所在。大概是这样写的

<input v-model="ipt"  />

data () {
    return {
    	ipt: null,
    }
}

if(this.ipt !== null) {
	axios.post()...
}

研究了老半天，最后通过vue工具发现最初设置ipt的值为null，当表单输入内容，又删除之后，虽然内容不见了，但是ipt的值变为了''，这样就不能通过简单的!== nulll来判断了。

if(this.ipt !== null &&  this.ipt) {
	axios.post()...
}