el-transfer怎样把接口返回的数据赋值到cities里去？

Question

需求： const cities = this.value(接口返回的数据);

   const pinyin = this.value(接口返回的数据);
   可以这样写吗？问题是赋值不上去，报错了，要怎么写才对

<template>

<el-transfer

filterable

:filter-method="filterMethod"

filter-placeholder="请输入城市拼音"

v-model="value"

:data="data">

</el-transfer>

</template>

<script>

export default {

data() {

const generateData = _ => {

const data = [];

const cities = ['上海', '北京', '广州', '深圳', '南京', '西安', '成都'];

const pinyin = ['shanghai', 'beijing', 'guangzhou', 'shenzhen', 'nanjing', 'xian', 'chengdu'];

cities.forEach((city, index) => {

data.push({

label: city,

key: index,

pinyin: pinyin[index]

});

});

return data;

};

return {

data: generateData(),

value: [],

filterMethod(query, item) {

return item.pinyin.indexOf(query) > -1;

}

};

}

};

</script>