首页 新闻 搜索 专区 学院

vue的data()中的值能否递归调用

0
悬赏园豆:200 [已解决问题] 解决于 2020-12-17 15:58

下面的details{}是从后台传过来的对象,能不能在不改变details{}的情况下,在html中循环输出details{}中的属性值和另外自己定义的title吗


<template>
    <div>
        <van-cell-group>
            <van-cell
                v-for="(item, index) in d_list"
                :key="index"
                :title='item.title'
                :value="item.value"/>
        </van-cell-group>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                details: {
                    c1: '内容一',
                    c2: '内容二',
                    c3: '内容三',
                },
                d_list: [
                    {
                        title: '标题一',
                        value: 'this.details.c1',
                    }, {
                        title: '标题二',
                        value: 'this.details.c2',
                    }, {
                        title: '标题三',
                        value: 'this.details.c3',
                    }
                ],
            }
        },
    }
</script>

理想的效果是:

标题一                  内容一
标题二                  内容二
标题三                  内容三

实际上的效果是:

标题一                  this.details.c1
标题二                  this.details.c2
标题三                  this.details.c3

ectotherm的主页 ectotherm | 初学一级 | 园豆:22
提问于:2020-12-17 15:14
< >
分享
最佳答案
0

value: 'this.details.c1' 改称这种 value: 'c1'

可以这样赋值
:value="details[item.value]"

收获园豆:200
电磁魔王喵喵 | 小虾三级 |园豆:1319 | 2020-12-17 15:32

你好棒,突然豁然开朗

ectotherm | 园豆:22 (初学一级) | 2020-12-17 15:58
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册