json vue 出现次数_Vue 如何从两个 JSON 中遍历数据, 根据相同的 Key 为 DOM 赋值?

现有数据1 shipTypes

{

"Destroyer": "驅逐艦",

"AirCarrier": "航空母艦",

"Battleship": "主力艦",

"Cruiser": "巡洋艦"

}

和数据2 shipTypeImages

{

"Destroyer": {

"image": "http://glossary-asia-static.gcdn.co/icons/wows/current/vehicle/types/Destroyer/normal.png",

"AirCarrier": {

"image": "http://glossary-asia-static.gcdn.co/icons/wows/current/vehicle/types/AirCarrier/normal.png",

"Battleship": {

"image": "http://glossary-asia-static.gcdn.co/icons/wows/current/vehicle/types/Battleship/normal.png",

"Cruiser": {

"image": "http://glossary-asia-static.gcdn.co/icons/wows/current/vehicle/types/Cruiser/normal.png",

}

Vue DOM 结构(pug 语法)

img {{shipTypeImages.image}}

span {{shipTypes.value}}

我如何做到两个数据的 Key 值(如 "Destroyer" )与数据匹配, 做到如下示例?

驅逐艦

航空母艦

主力艦

巡洋艦

谢谢!

json vue 出现次数_Vue 如何从两个 JSON 中遍历数据, 根据相同的 Key 为 DOM 赋值?相关推荐

两个map中的数据，按照相同键，将所对应的值相加方法
" 大家好,我是雄雄,欢迎关注微信公众号:雄雄的小课堂 " 前言最近写代码的时候遇到了个需求,刚开始想的时候,感觉不难,挺简单的,结果写的时候,各种思考.各种费脑,耗费了点时间, ...
xlsx表格怎么筛选重复数据_excel怎么筛选两个表中相同数据
excel使用中,有两个拥有相同数据的工作表,应该怎么筛选出这些数据呢?下面就跟学习啦小编一起来看看吧. excel筛选两个表中相同数据的方法1 在"Sheet1"放上数据一. 在 ...
vue click事件_Vue.js---实现前后端分离架构中前端页面搭建（二）
[Vue.js实现前后端分离架构中前端页面搭建] 九.Vue的事件处理 Vue的事件都是使用 v-on:事件类型进行绑定.也可以使用@事件类型进行操作.其中事件类型和之前学习jQuery中事件名称是 ...
查询表中id相同的记录mysql_mysql – 从两个表中的ID相同的两个表中选择数据
好的,我有两个名为subobject的表:parentID,objectName,subID(primary)和subrelation:ID,className parentID | objectNa ...
vue面向切面_vue：在路由跳转中使用拦截器
1:首先在路由对象中的某一个具体的路由对象加这样一个属性 meta: { requireAuth:true } 2:然后在main.js中添加这段代码 router.beforeEach((to, ...
vue搜索好友_Vue实现类似通讯录功能（中）
本来想一篇文章写完,但是又截图又分析什么的,如果用一篇文章写,太长了,估计都没耐心看完,所以分成了几篇来写. 这篇主要说的是实现点击右侧字母索引,左边能自动滚动到相应城市功能. 兄弟组件联动去字母索 ...
MySQL如何同时删除主外键关联的两张表中的数据
1. 编写目的介绍一种方法,解决如下问题:如何同时删除两张相关联的表的记录. 比如说表a的外键fk依赖于表a的id,现在我们需要删除id=5的两条数据. 2. 主要方法为了简单,推荐更改表a的外键 ...
SQL同时删除两张表中的数据
DELETE user,orders from user,orders where user.id=orders.user_id AND user.id=#{id}; 转载于:https://w ...
vue获取tr内td里面所有内容_React中遍历多个数据tr，td
1,根据后台返回的数据来遍历table中的tr,td 分析:后台返回的数据类型: [ {time: "05-28", value: "3"}, {time: & ...

json vue 出现次数_Vue 如何从两个 JSON 中遍历数据, 根据相同的 Key 为 DOM 赋值?

json vue 出现次数_Vue 如何从两个 JSON 中遍历数据, 根据相同的 Key 为 DOM 赋值?相关推荐

最新文章

热门文章