完美解决微信小程序van-field left-icon自定义图片

实现效果:

html 复制代码
<view class="userName">
        <van-field left-icon="{{loginUserNameIcon}}" clearable class="fieldName" value="{{ loginUserName }}" placeholder="请输入账号" border="{{ false }}" >
        </van-field>
</view>
<view class="userName">
        <van-field left-icon="{{passwordIcon}}" clearable type="password" class="fieldName" value="{{ loginPassword }}" placeholder="请输入密码" border="{{ false }}" bind:blur ="companyCodeInput"/>
</view>

data中定义:

javascript 复制代码
data: {
 
    loginUserNameIcon:"/pages/img/username.png",
    passwordIcon:"/pages/img/psw.png",

  },
相关推荐
binqian9 分钟前
【异步】js中异步的实现方式 async await /Promise / Generator
开发语言·前端·javascript
Jerry说前后端18 分钟前
Android 移动端 UI 设计:前端常用设计原则总结
android·前端·ui
熊猫钓鱼25 分钟前
基于Trae CN与TrendsHub快速实现的热点百事通
前端·trae
LIUENG31 分钟前
Vue3 响应式原理
前端·vue.js
讨厌吃蛋黄酥35 分钟前
前端居中九种方式血泪史:面试官最爱问的送命题,我一次性整明白!
前端·css
龙在天38 分钟前
🤩 用Babel自动埋点,原来这么简单!
前端
Hierifer38 分钟前
跨端实现之网络库拦截
前端
随笔记40 分钟前
react-router里的两种路由方式有什么不同
前端·react.js
前端李二牛40 分钟前
异步任务并发控制
前端·javascript
你也向往长安城吗1 小时前
推荐一个三维导航库:three-pathfinding-3d
javascript·算法