vue2.0ではv-htmlに対してfilterが使えなくなりました。 これまで改行含むテキストに対して<p v-html="message | nl2br"></p>とやっていたものを、 どう修正するか試したメモです。 v-htmlとreplace デモ
![Vue2.0とnl2br - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/3b969d3d2749f3bbe34b49144a8315199ebbe2b0/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9VnVlMi4wJUUzJTgxJUE4bmwyYnImdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPWEyYzBkYzQyMDYyZTE4NGIwZDk2ZDhkNmZkMjI4YzIw%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBodWlnbyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZGIzY2E5YmQzNjE5N2M4NzJhYmM0MWFjNTdkZGE5MTA%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D8dff1e79859c434a7c2202a90830fd6a)
Vue.jsは公式のドキュメントが非常に充実しており、またフォーラムでの議論やコミュニケーションもとても活発です。開発中に何か問題に遭遇した際には、ドキュメントやフォーラムに載っている情報を参照することで、多くの問題は解決できるといって差し支えないでしょう。しかしながら、現実世界のアプリケーションを開発していると、そういった情報だけでは解決が難しい個別具体的な問題や、そもそもどう実装すれば良いのかわからない、といった場面に遭遇することも多々あります。 筆者自身がVue.jsを利用してフロントエンド開発をしてきた経験に加え、Vue.jsの公式のドキュメントやサンプルプロジェクト、そしてVue.jsを利用しているOSSのプロジェクトやVue.jsのプラグインなどのソースを読んで蓄えてきたノウハウを本資料にまとめました。 「ベストプラクティス」と銘打ってはいるものの、筆者の好みや開発経験に依存す
やりたいこと keyup 時に Vue インスタンスで定義した関数を 3 つ呼び出したい 実装 js new Vue({ el: '#vue-container', methods: { func1: function() { console.log('func1'); }, func2: function() { console.log('func2'); }, func3: function() { console.log('func3'); } } }); html 無理やりな方法 <div id="vue-container"> <input v-model="something" v-on="keyup: func1, keyup: func2, keyup: func3" > </div> 複数回定義する。これでもいける。 演算子を使う方法 <div id="vue-conta
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く