element UI el-image :src属性使用相对路径时图片无法显示

element UI el-image :src属性使用相对路径时图片无法显示
html 标签

<el-image style="width: 100px; height: 100px" :src="urlProfile"></el-image>

脚本

export default {
  name: '仪表盘',
  data() {
    return {
      urlProfile: require('@/assets/images/urlProfile_1.jpg')
    }
  },
  computed: {
    ...mapGetters([
      'name'
    ])
  }
}

核心是使用 用require来加载
最终效果是如下图：