vant框架,在input 的placeholder做绑定的时候,发现提示语不起作用,查了一下需要用到JQ
这里就当作vue引用’jquery’的教程把,把处理绑定input提示语放后面了
1.安装依赖:npm install jquery
2.vue页面引用
页面引入
import $ from 'jquery’
3.使用jq
主要处理代码:
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲date").on("inpu…(this).val().length>0){
$(this).addClass(“full”);
}
else{
$(this).removeClass(“full”);
}
});
4.处理input 提示数据无效问题
.css部分
input[type=“date”]:before{
color:#A9A9A9;
width:90%;
content:attr(placeholder);
}
input[type=“date”].full:before {
color:black;
width:0;
content:""!important;
}
html部分