vue.js - Vue 密码点击显示隐藏，样式绑定图片路径，报错

问题描述

问 题

<div>
        <!--<input type="password"/>-->
        <img src=".././assets/open.png"/>
        <input :type="seen ? 'text' : 'password'" value="123456" placeholder="请输入密码">
        <img :src="seen ? seenImg : unseenImg" @click="changeSeen">
    </div>

data(){
        return {
            seenImg:'.././assets/open.png',
            unseenImg:'.././assets/clone.png'
        }
    },

changeSeen(){
            this.$refs.inputPassword.type = this.seen ? 'password' : 'text';
            this.seen = !this.seen;
        },

图片路径出不来，这是神马情况？？？

解决方案

这里的图片需要放到外面static文件夹下

这篇关于vue.js - Vue 密码点击显示隐藏，样式绑定图片路径，报错的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！