vue中 :src=“mySrc ||‘../../123.jpeg‘“不生效的问题

<template>
  <div >
    <el-input v-model="input" :placeholder=" input1 || '请输入内容'"></el-input>
    <el-input v-model="input" :placeholder=" input2 || '请输入内容'"></el-input>
    <img :src="src1 ||'../../element_logo.svg'">
    <img :src="src2 ||'../../element_logo.svg'">
    <img :src="src3 ||'../../element_logo.svg'">
  </div>
</template>
<script>
import a from '../assets/images/button-d-cn.png'
  export default {
    data() {
      return {
        src1:'../assets/images/button-d-cn.png',
        src2:null, 
        src3:a,
        input: null,
        input1:null,
        input2:'555',
      };
    }
  };
</script>

结果：

我们发现input正常显示了

但是img却没有完全按照预期

img行内元素，从左到右分别是123

重点想说的是，src1竟然没有展示！！

不知道原因，注意一下！！！

不要用vue的data值存储相对路径，不会解析的～，可以引入使用哦

待究～