vue引用‘jquery‘

本文介绍了如何在Vue项目中结合jQuery解决Vant框架下input占位符(placeholder)不显示的问题。首先通过npm安装jQuery,然后在Vue页面中引入并使用jQuery,通过监听input的输入事件动态改变class来实现提示效果。同时,提供了相应的CSS代码以调整input的样式,确保在输入内容时提示语消失。
摘要由CSDN通过智能技术生成

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部分

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值