3

コンポーネントとVueインスタンスの外側で単一ファイルコンポーネントの内側にあるコンポーネントのデータにアクセスして変更する方法は?

次のような単一ファイル内のコンポーネント:

<script>
    export default {
        data() {
            return {
                lock: true,
                connection: '',
                login: true,
                message: {
                    time: '',
                    nick: '',
.......................

ファイルはchat.vueです

メイン Vue アプリ:

var app = new Vue({
    el: '.app',

    components: {
        Chat
    }

});

そして、次のようなものからデータにアクセスしてサンプルする必要があります

Socket.onopen = function(e)
    {
        Chat.connection = 'Zostałeś połączony pomyślnie!';
        Chat.lock = false;
    };

コンポーネント外だがこのコンポーネントファイル内

のようなものを試しました

Chat.message.nick = 'xxxx';しかし、動作しません

this.message.nick = 'xxx';も機能しません + エラーが発生しました:named exports are not supported in *.vue files.

var chat = export default....うまくいかない、ブローアップ

そして、多くのこと...私は知りません...

私が解決した唯一のことはref="Chat"、HTML のコンポーネントで使用することです。しかし、それは私が望むものではありません。コンポーネントのデータを参照できますが、このコンポーネントの vue 単一ファイルではなく、メインの js ファイルで参照できます

データを参照し、このコンポーネント vue 単一ファイルで変更する必要があります

4

0 に答える 0