###前提・実現したいこと
クリックしたテキストを書き換えるだけなのですが、Firefoxではクリック位置より右側の表示が残ってしまって困っています。
Firefoxのバグだと思いますが、回避策はないでしょうか。
###該当のソースコード
html
1<div id="app"> 2 <div id="text" v-on:click="changeText"> 3 <pre>{{ text }}</pre> 4 </div> 5</div>
javascript
1var app; 2app = new Vue({ 3 el: "#app", 4 data: { 5 text: "このテキストの中程をクリックしてください。", 6 }, 7 methods: { 8 changeText: function (e) { 9 this.text = "★"; 10 } 11 } 12});
https://jsfiddle.net/f8smhjoL/2/
###試したこと
app.textに値をセットした後、自力でDOMの操作で書き換えればつじつまを合わせられますが、それでは何のためのVue.jsなのかわからなくなってしまいます。
###補足情報(言語/FW/ツール等のバージョンなど)
Vue.js v2.4.2
Firefox 55.0
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/08/04 02:54