Vue.js router-link $route.params 显示图片答案

【问题标题】：Vue.js router-link $route.params display imageVue.js router-link $route.params 显示图片
【发布时间】：2021-07-01 10:53:10
【问题描述】：

 <div class="card" v-for="job in filteredJobs" :key="job.id">
    <router-link
      :to="{
        name: 'JobDetails',
        params: {
          id: job.id,
          title: job.title,
          type: job.type,
          company: job.company,
          company_url: job.company_url,
          created_at: job.created_at,
          location: job.location,
          description: job.description,
          company_logo: job.company_logo,
        },
      }"
    >

div class="card companyCard">
    <img 
    height="50px"
    width="50px"
    src="$route.params.company_logo"
    alt="company Logo"/>
    <h5>{{ $route.params.company }}</h5>

是否可以以某种方式将图像 src 设置为 $route.params ？还是我需要寻找其他方法？

【问题讨论】：

标签： api vue.js parameters axios

【解决方案1】：

如果图像是在线托管的，您只需将: 添加到 src 属性：

:src="$route.params.company_logo"

如果图像在添加要求中：

:src="require($route.params.company_logo)"

【讨论】：