在表上渲染图像/在表中访问键

时间:2019-04-23 13:36:42

标签: vue.js

我自己从零开始学习Vue编码,因此一些有关基础知识的理论一路迷失了……

我想要做的是一个像这样的表:

Expected way that my client/user list should look like

这就是我现在呈现表格的方式...

Halfway there table

这是我真正的问题,我可以渲染通过img标签中的src传递链接的图像,如下所示:

<template slot="client_logo" slot-scope="props">
  <div class="profile-picture bg-gradient">
    <img src="https://br.vuejs.org/images/logo.png" alt="Logo">
  </div>
</template>  

data() {
    return {
      clients: [],
      fields: [
        { key: "client_logo", label: "Logomarca" },
        { key: "client_name", label: "Cliente" },
        { key: "client_cpfcnpj", label: "CNPJ" },
        ]
    };

但是我无法从客户端上加载的JSON对象访问表中client_logo的值,例如具有基本64位图像并通过':src'的“ clients.client_logo”,就像我在其他部分所做的那样这样的代码(工作):

  

img:src =“ user_avatar” alt =“用户”

Working user image with base64 on ':src'

如何获取该值?我在做什么错了?

0 个答案:

没有答案