vue动态修改图片路径

先把图片引入import imga from "../../assets/member/fanhui@2x.png";import imgb from "../../assets/member/fanhui2@2x.png";data里面设置属性，data() {return {topimgs:imga};},在代码里绑定<i...

中平签

6898人浏览 · 2019-04-11 14:45:11

中平签 · 2019-04-11 14:45:11 发布

先把图片引入

import imga from "../../assets/member/fanhui@2x.png";
import imgb from "../../assets/member/fanhui2@2x.png";

data里面设置属性，

data() {
    return {
          topimgs:imga
    };
  },

在代码里绑定

 <img @click="back()" :src='topimgs' >

事件中修改

    this.topimgs=imgb;

遇见问题，留作参考

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^