时间戳

首页 > 解决方案 > Vue.js router-link $route.params 显示图片

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

问题描述

 <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 ？还是我需要找到不同的方法？

标签： apivue.jsparametersaxios

解决方案

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

:src="$route.params.company_logo"

如果图像在添加要求中：

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

推荐阅读