已解決430363個問題，去搜搜看，總會有你想問的

vue 子組件分別被不一樣的父組件使用，里面的接口數據也是不一樣的，應該怎么渲染同一個html呢？

關注

首頁猿問 vue 子組件...

JavaScript

慕萊塢森 2019-02-07 10:19:33

比如說一個卡片組件，在A父組件的時候接口數據渲染到html是{{item.name}}，在B組件里面的接口數據渲染到是{{list.user}} 怎么在同一個div里面展示這個數據呢

查看完整描述

2 回答

慕娘9325324

TA貢獻1783條經驗獲得超4個贊

那就把字段也傳給子組件。

比如兩組不同數據

let arr1 = [{name: 'arr1'}, {name: 'arr-1'}];

let arr2 = [{user: 'arr2'}, {user: 'arr-2'}];

子組件里寫

其中name是父組件傳遞過去的，可以是name，也可以是user。具體按照實際需求來。

當然也可以對arr2做map操作。

let arr3 = arr2.map(el => {

return {

name: el.user

}

});

console.log(arr3);

// [{name: 'arr2'}, {name: 'arr-2'}];

反對回復 2019-02-25

關注

舉報

0/150

提交

取消