2020-11-17Property “value“ was accessed during render but is not defined on instance

vue3中用vant插入图片，结果加载不出来。又不报错，而是显示Property “value” was accessed during render but is not defined on instance正确的写法是要src属性绑定requeir（）方法错误的写法是：1没有：<van-image width="1.85rem" height="1.2rem" src="require

mymmmok

12327人浏览 · 2020-11-17 15:08:45

mymmmok · 2020-11-17 15:08:45 发布

vue3中用vant插入图片，结果加载不出来。又不报错，而是显示Property “value” was accessed during render but is not defined on instance
在这里插入图片描述
正确的写法是要src属性绑定requeir（）方法
错误的写法是：
1没有：

<van-image width="1.85rem" height="1.2rem" src="require('../assets/img/pic01.png')" />

没有用require来写
2

<template>
  <div class="home">
    <van-image width="1.85rem" height="1.2rem" src="require('../assets/img/pic01.png')" />
    <van-image width="1.85rem" height="1.2rem" :src="require('../assets/img/pic02.png')" />
    <van-image width="1.85rem" height="1.2rem" :src="require('../assets/img/pic03.png')" />
    <van-image width="1.85rem" height="1.2rem" :src="require('../assets/img/pic04.png')" />
  </div>
    
</template>

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}$/, //不连续的两位字母// /^