vue 字串拼接然後自動被判斷成 data 屬性來取值

Posted on Edited on In Views: Disqus:

 

如下範例，使用 this 的方式，

就可做到字串拼接然後自動被判斷成 data 屬性來取值。

<!DOCTYPE html>
<html>

<head>
    <title>Welcome to Vue</title>
    <script src="https://unpkg.com/vue"></script>
</head>

<body>
    <div id="app">       
        <a :href="this['google' + 'Url']">google url</a>
    </div>

    <script>
        var app = new Vue({
            el: '#app',
            data: {
                googleUrl: 'https://www.google.com.tw/'
            }
        })
    </script>
</body>

</html>