私はそうのように設定したリンクを持っているhtmlタグ

Question

の外Vue.js @clickディレクティブをレンダリング：

<a href="#" @click="modal=true">Open modal</a> 

そして、ここではデータです：

export default { 
    data() { 
     return { 
      modal: false 
     } 
    } 
} 

は、クリックを誘発するが回避策です実際に@clickを直接タグに配置する必要はありませんか？期待される結果は同じですが、@clickはvueインスタンスのどこかで定義されます。

Answer 1

あなたはこれを試みることができる：

export default { 
    data() { 
    return { 
     modal: false 
    } 
    }, 
    mounted() { 
    var self = this; 
    this.$el.querySelector('a').addEventListener('click', function() { 
     Vue.set(self, 'modal', true); 
    }); 
    } 
}