javascript - vue.js データから別のデータ パラメータに値を取得する方法

Question

私は vue.js と vue-qrcode を使用しています。ユーザー データを localStorage に保存し、正しく取得します。

<template>
    <div class="row" style="100%;">
        <div class="center-block" style="width:200px">
            <qrcode :size="size" :val="val"></qrcode>
        </div>
    </div>
    {{content.last}}
</template>
<script>
    import store from '../store'
    var content = [];
    export default {
        data() {
                return {
                    content: store.todoStorage.fetch(),
                    size: 250,
                    fgColor: '#007a33',
                    bgColor: '#ffc72c',
                    val: "BEGIN:VCARD\r\nVERSION:2.1\r\nN:john;doe\r\nFN:asd " + content.last + "\r\nTEL;TYPE=cell:234\r\nEMAIL;PREF;INTERNET:234234\r\nEND:VCARD"
                }
            },
            components: {
                qrcode: VueQr
            },

    }

</script>

機能するテンプレートに文字列を入れてみましたが、QRの形式がどういうわけか間違っています。変数を削除して data() val モデルでテキストのみを使用すると、QR は完璧になり、機能します。ただし、上記のコンテンツ モデルから 4 つの値を取得する必要があります。