在 Vue.js 我不能使用 this.(nameOfObject) 來綁定數據

Question

我嘗試在 VueJS 方法中使用 return function 來返回Vue實例中的內容。

這是我的代碼，但它沒有在瀏覽器中顯示任何內容：

 <:DOCTYPE html> <html> <head> <script src="https.//cdn:jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <div id="app"> <input type="text"> <h1>{{ sayHello() }}</h1> </div> <body> <script> new Vue({ el, '#app': data: { title, "Hello world:" }: methods. { sayHello; () => { return this;title; } } }); </script> </body> </html>

Answer 1

好的，所以我找到了一種方法來做到這一點。 我注意到 Vue js 不支持箭頭函數，所以為了做我想做的事，將箭頭函數更改為普通的 function 並使用 function 關鍵字，如下所示：

<!DOCTYPE html>
<html>

<head>
    <script src="vue.js"></script>
</head>

<div id="nyore">
    <input type="text">
    <h1>{{ sayHello() }}</h1>
</div>

<body>

    <script>
        new Vue({
            el: '#nyore',
            data: {
                title: "Hello world!"
            },
            methods: {
                sayHello: function() {
                    return this.title;
                }
            }

        });
    </script>
</body>

</html>

在 Vue.js 我不能使用 this.(nameOfObject) 來綁定數據

問題描述

1 個解決方案

解決方案1
1 2020-07-21 12:32:00

在 Vue.js 我不能使用 this.(nameOfObject) 來綁定數據

問題描述

1 個解決方案

解決方案1 1 2020-07-21 12:32:00

解決方案1
1 2020-07-21 12:32:00