これはcloudpack あら便利カレンダー 2018 の記事です。 Vue.jsでDOMが更新されない問題はわりとよくあたります。 ちょうど昨日社内で相談されたので、せっかくなので記事にまとめてみました。 ビューが更新されないあるある 配列、オブジェクトの更新が検出できない 配列のケース インデックスでアイテムを直接設定するとき 例: vm.items[indexOfItem] = newValue 配列の長さを変更するとき 例: vm.items.length = newLength 解決方法 $setを使う Vueが監視出来る配列のメソッドを使う push(), pop(), shift(), unshift(), splice(), sort(), reverse() 参考リンク => https://jp.vuejs.org/v2/guide/reactivity.html#配列
これはcloudpack あら便利カレンダー 2018 の記事です。 Vue.jsでDOMが更新されない問題はわりとよくあたります。 ちょうど昨日社内で相談されたので、せっかくなので記事にまとめてみました。 ビューが更新されないあるある 配列、オブジェクトの更新が検出できない 配列のケース 1.インデックスでアイテムを直接設定するとき 例: vm.items[indexOfItem] = newValue 2.配列の長さを変更するとき 例: vm.items.length = newLength 解決方法 1. $setを使う 2. Vueが監視出来る配列のメソッドを使う push(), pop(), shift(), unshift(), splice(), sort(), reverse() 参考リンク => https://jp.vuejs.org/v2/guide/reactivi
jQueryを利用してコンボボックスを選択状態にできないかなって思って調べていたら、selectで指定のものを選択状態にってエントリを発見。早速試してみました。 <select id="col1" name="col1"> <option value="val1">値1</option> <option value="val2">値2</option> <option value="val3">値3</option> </select> ってHTMLに対して $("#col1").val("val2"); って記述でほんとに選択状態にできました。素敵過ぎです。 checkboxとかradioとかはどうなのかと思ったら、こっちは $(".col2[@value=val2]").attr("checked","checked"); って記述でいけるみたい。これまたシンプル! HTML中にsel
selectオブジェクトは、フォームのセレクトボックスに関する情報をJavaScriptのオブジェクトとして取り扱います。 セレクトボックスの要素を取得する方法 セレクトボックスの各要素を取得する方法は、まず、selectタグのname属性に名前を指定します。次にセレクトボックス内の各要素(optionタグ)にも同様にname属性に名前を指定することにより以下の構文にて個々のオプションを取得することが可能となります。
セレクトボックス(ドロップダウン)の値を取得する [やり方] HTML文章中に<form name=" ". <select name=" ">をつける 変数1 = document. formのname名 . selectのname名 . selectedIndex ; //まずインデックス番号(optionの上から順に0,1,2,3...)を取得して変数に入れる 変数2 = document. formのname名 . selectのname名 . options[インデックス番号] .value; // [ ]内に上で取得したインデックス番号(変数1)を入れたoptionsを追加して変数に入れる テキストの値を取得の場合 = document. formのname名 . selectのname名 . options[インデックス番号] .text; <form name=" sa
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く