リアクティブになっていない
配列の変更は push()
pop()
shift()
unshift()
splice()
sort()
reverse()
を使う
オブジェクトン変更は
objectの変更は Vue.set(), this.$set() を使う
引用元
[Vue.js]外側をクリックすると閉じるドロップダウンメニュー
はじめに
メニューボタン押すと開く
メニューボタンもう一度押すと閉じる
メニューの外側押しても閉じる
どこでもよく見るアレをvue.jsで
デモ
デモ(jsfiddle)
説明
親コンポーネント
html
<div style= "positi...
引用元
~~~
<router-link to="/home" class="nav-link" active-class="active" exact v-on:click.native="close()">Home</router-link>
~~~
exaxt をつけるのがポイント
js 側
~~~
var app = new Vue({
router: router,
methods: {
close: function () {
$('#header-nav').collapse('hide')
}
}
}).$mount('#app')
~~~
* 単一コンポーネント
+ http://qiita.com/tkhr/items/ac22019c891fe8fa5f91
引用元