トップ  > メモ一覧  > カテゴリ「vue.js」の絞り込み結果 : 4件

4件中 1 〜 4 表示  1 

No.5440 オブジェクト・配列を変更しても更新されない（変更が検出されない）

リアクティブになっていない

配列の変更は push() pop() shift() unshift() splice() sort() reverse() を使う

オブジェクトン変更は
objectの変更は Vue.set(), this.$set() を使う

引用元

https://jp.vuejs.org/v2/guide/reactivity.html#%E5%A4%89%E6%9B%B4%E6%A4%9C%E5%87%BA%E3%81%AE%E6%B3%A8%E6%84%8F%E4%BA%8B%E9%A0%85
更新：2019/07/16 09:55 カテゴリ： JavaScript  > vue.js ▲トップ

No.5431【引用】[Vue.js]外側をクリックすると閉じるドロップダウンメニュー



[Vue.js]外側をクリックすると閉じるドロップダウンメニュー

はじめに

 
 

メニューボタン押すと開く

メニューボタンもう一度押すと閉じる

メニューの外側押しても閉じる

 
 
どこでもよく見るアレをvue.jsで
 
 

デモ
 
 
デモ(jsfiddle)
 
 

説明
 
 

親コンポーネント
 
 

html

<div style= "positi...
→ 続きを見る

引用元

https://qiita.com/huigo/items/a888dcee8f46d62bb9e3
更新：2019/04/03 09:04 カテゴリ： JavaScript  > vue.js ▲トップ

No.5342 vue-router での on イベントが発火しない時の対応

~~~
<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')
~~~
更新：2017/09/05 08:48 カテゴリ： JavaScript  > vue.js ▲トップ

No.5337 vue.js情報まとめ


* 単一コンポーネント
    + http://qiita.com/tkhr/items/ac22019c891fe8fa5f91

引用元

http://qiita.com/tkhr/items/ac22019c891fe8fa5f91
更新：2017/08/30 08:25 カテゴリ： JavaScript  > vue.js ▲トップ
4件中 1 〜 4 表示  1 
カテゴリ

Python

フロントエンド開発

Linux

web開発

svn・git

ソース・開発

プロマネ

マネタイズ

FuelPHP

HTML・CSS

JavaScript

プレゼン

Alexa

webサービス運用

webサービス

Mac

サーバ管理

MySQL

PHP

ﾂｰﾙ, ﾗｲﾌﾞﾗﾘ

ビジネス

テンプレート

負荷・チューニング

Windows

メール

メール・手紙文例

CodeIgniter

オブジェクト指向

UI・フロントエンド

cloud

マークアップ・テキスト

Flash

デザイン

DBその他

Ruby

PostgreSQL

ﾕｰﾃｨﾘﾃｨ・ｿﾌﾄ

Firefox

ハードウェア

Google

symfony

OpenPNE全般

OpenPNE2

Hack(賢コツ)

OpenPNE3

リンク

個人開発

その他

未確認

KVS

ubuntu

Android

負荷試験

オープンソース

社会

便利ツール

マネー

Twig

食品宅配

WEB設計

オーディオ

一般常識

アプリ開発

車

サイトマップ

うずら技術ブログ

たませんSNS

rss2.0