最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

javascript - Display JS object value in Vue - Stack Overflow

programmeradmin1浏览0评论

Vue noob here...

In one of my routes in a Vue app I have this JS object displayed in the DevTools. How do I access/display the values in, for example, filteredData:Array[1]?

Vue noob here...

In one of my routes in a Vue app I have this JS object displayed in the DevTools. How do I access/display the values in, for example, filteredData:Array[1]?

Share Improve this question asked Aug 7, 2018 at 23:11 AdornoAdorno 511 silver badge8 bronze badges 0
Add a ment  | 

3 Answers 3

Reset to default 4

As long as your data is assigned in the data property (keeping in mind the getter/setter caveats), you can use that variable in your template:

<template>
  <div>{{filteredData[0]}}</div>
</template>

<script>
  export default {
    data() {
      return {
        filteredData: filteredData, // assign your data here
      }
    }
  }
</script>

As it is a data property, you can use it in template like filteredData[i] where i could be any number within the length of array and if you want to use in puted, methods or in lifecycle methods then you should use it like this.filteredData[i], again where i could be any number within the length of the array

You could access the object directly with {{filteredData[0]}} and to access the rest of the info you just dot notation to access properties within that object.

<div>{{filteredData[0].id}}</div>

Remember in JS array index start with 0. When you are in an array and to access the specific index which you have to get to the data it will be [#] then since accessed that index which has an object then its easy to get that info with dot notation. For your example:

  • filteredData[0].id
  • filteredData[0].name
  • filteredData[0].logo
发布评论

评论列表(0)

  1. 暂无评论
ok 不同模板 switch ($forum['model']) { /*case '0': include _include(APP_PATH . 'view/htm/read.htm'); break;*/ default: include _include(theme_load('read', $fid)); break; } } break; case '10': // 主题外链 / thread external link http_location(htmlspecialchars_decode(trim($thread['description']))); break; case '11': // 单页 / single page $attachlist = array(); $imagelist = array(); $thread['filelist'] = array(); $threadlist = NULL; $thread['files'] > 0 and list($attachlist, $imagelist, $thread['filelist']) = well_attach_find_by_tid($tid); $data = data_read_cache($tid); empty($data) and message(-1, lang('data_malformation')); $tidlist = $forum['threads'] ? page_find_by_fid($fid, $page, $pagesize) : NULL; if ($tidlist) { $tidarr = arrlist_values($tidlist, 'tid'); $threadlist = well_thread_find($tidarr, $pagesize); // 按之前tidlist排序 $threadlist = array2_sort_key($threadlist, $tidlist, 'tid'); } $allowpost = forum_access_user($fid, $gid, 'allowpost'); $allowupdate = forum_access_mod($fid, $gid, 'allowupdate'); $allowdelete = forum_access_mod($fid, $gid, 'allowdelete'); $access = array('allowpost' => $allowpost, 'allowupdate' => $allowupdate, 'allowdelete' => $allowdelete); $header['title'] = $thread['subject']; $header['mobile_link'] = $thread['url']; $header['keywords'] = $thread['keyword'] ? $thread['keyword'] : $thread['subject']; $header['description'] = $thread['description'] ? $thread['description'] : $thread['brief']; $_SESSION['fid'] = $fid; if ($ajax) { empty($conf['api_on']) and message(0, lang('closed')); $apilist['header'] = $header; $apilist['extra'] = $extra; $apilist['access'] = $access; $apilist['thread'] = well_thread_safe_info($thread); $apilist['thread_data'] = $data; $apilist['forum'] = $forum; $apilist['imagelist'] = $imagelist; $apilist['filelist'] = $thread['filelist']; $apilist['threadlist'] = $threadlist; message(0, $apilist); } else { include _include(theme_load('single_page', $fid)); } break; default: message(-1, lang('data_malformation')); break; } ?>