完美解决微信小程序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",

  },
相关推荐
艾斯特_23 分钟前
Cursor使用及经验分享
前端·javascript·ai
Dragon Wu29 分钟前
ReactNative react-devtools 夜神模拟器连调
前端·react native·react.js
你爱写程序吗(新H)44 分钟前
基于微信小程序游泳馆管理系统 游泳馆管理系统小程序 (设计与实现)
java·spring boot·微信小程序·小程序
木雷双雄71 小时前
微信小程序部分用户报错ERR_CONNECTION_REFUSED连接被拒绝
微信小程序
权^1 小时前
HTML(快速入门)
前端·html
曾经的三心草2 小时前
小程序-模板与配置
前端·javascript·小程序
我命由我123452 小时前
VSCode 设置为中文(Configure Display Language)
前端·javascript·ide·笔记·vscode·学习·编辑器
计算机-秋大田3 小时前
基于微信小程序的4S店客户管理系统设计与实现(LW+源码+讲解)
java·spring boot·后端·微信小程序·小程序·课程设计
无限大.3 小时前
用HTML、CSS和JavaScript实现庆祝2025蛇年大吉(附源码)
javascript·css·html
山禾女鬼0014 小时前
前端版本号管理:理解和应用
前端