単純vueのリスニング属性(単位換算)
3327 ワード
単位換算
単位換算は実際の状況に応じて変えることができる
転載先:https://www.cnblogs.com/sunzhiqi/p/10077385.html
単位換算は実際の状況に応じて変えることができる
vue.js
<span style="color:#000000;">
window.onload </span>= <span style="color:#0000ff;">function</span><span style="color:#000000;">(){
</span><span style="color:#008000;">//</span><span style="color:#008000;"> vue </span>
<span style="color:#0000ff;">var</span> app = <span style="color:#0000ff;">new</span><span style="color:#000000;"> Vue({
el:</span>"#a"<span style="color:#000000;">,
data:{
kilometers:</span>0<span style="color:#000000;">,
meters:</span>0<span style="color:#000000;">,
decimetre:</span>0<span style="color:#000000;">
},
</span><span style="color:#008000;">//</span><span style="color:#008000;"> </span>
<span style="color:#000000;"> watch:{
kilometers:</span><span style="color:#0000ff;">function</span><span style="color:#000000;">(val){
</span><span style="color:#0000ff;">this</span>.kilometers =<span style="color:#000000;"> val;
</span><span style="color:#0000ff;">this</span>.decimetre = val * 10000<span style="color:#000000;">;
</span><span style="color:#0000ff;">this</span>.meters = val * 1000<span style="color:#000000;">;
},
meters:</span><span style="color:#0000ff;">function</span><span style="color:#000000;">(val){
</span><span style="color:#0000ff;">this</span>.kilometers = val / 1000<span style="color:#000000;">;
</span><span style="color:#0000ff;">this</span>.decimetre = val * 10<span style="color:#000000;">;
</span><span style="color:#0000ff;">this</span>.meters=<span style="color:#000000;">val;
},
decimetre:</span><span style="color:#0000ff;">function</span><span style="color:#000000;">(val){
</span><span style="color:#0000ff;">this</span>.kilometers = val /10000;
<span style="color:#0000ff;">this</span>.meters = val / 10<span style="color:#000000;">;
</span><span style="color:#0000ff;">this</span>.decimetre =<span style="color:#000000;"> val;
}
}
});
}
</span>
：
：
：
転載先:https://www.cnblogs.com/sunzhiqi/p/10077385.html