管理员
论坛积分
分
威望 点
贡献值 个
金币 枚
|
php-html7 ^; X' P' D, y/ y0 ]: I3 j
- <div id = "computed_props{$v['id']}">" C$ O+ ]* h! Y
- <input style="width:50px;" type = "text" v-model = "kilometers" placeholder="20" >. V* j$ @/ A: }& Z n' j: W) l
- <a class="btn btn-xs btn-info" style="display:inline-block;" v-bind:href="url" >修改比例为{{meters}}</a>6 n; B: ~; o" j v, C+ G
- </div>
复制代码 vue.js
4 A1 o: q! s) n/ n0 R- w- <script type = "text/javascript">+ v" |" ?5 @+ k. I: s6 ?3 C
- # I4 w! m3 c! N$ J( p1 Z. p
- var ids = <?=$v['id']?>;# k5 \% t, p e8 P( k2 U
- var shop_xjcbl = <?=$v['shop_xjcbl']?>;
% u$ z; F+ i* |: a) Q/ B; h/ m -
* U: `, D5 ^. j X - var vm = new Vue({
% @% k% | b2 q/ G - el: '#computed_props'+<?=$v['id']?>,
7 x. a" U7 d2 L. V$ f - data: {
/ i% N' j) Z. }* S5 q c: P' }( ^. h - kilometers : <?=$v['shop_xjcbl']?>,
4 P2 M" D+ x% ] J! G( d$ M8 I, Y - meters: <?=$v['shop_xjcbl']?>,3 S% P. F/ U" B5 R, _3 {
- id:<?=$v['id']?>,4 O6 E6 [) ]4 I# X2 f9 w% o
- url:'/nc.php?s=/goods/xiugaibili/id/'+ids+'/shop_xjcbl/'+shop_xjcbl+'.html',+ e3 J1 }! I' U3 M: v
- },
, S+ o- ]5 |0 b/ m - methods: {
0 A5 [8 W3 \ P, N6 M3 O -
2 ~2 e8 }. Y' j9 }/ l - },
' a% ]7 w q5 q: ~( F5 \ - computed :{* [$ j& H! E" U4 @6 X$ d
- },- p4 [" X2 ^5 Z7 [& j: J+ b# Q& \0 Y
- watch : {$ x. x4 C) y' R' I) p
- kilometers:function(val) {
6 F% X* \% Y1 v - this.kilometers = val;( R1 R$ h' q9 w) Q/ r
- this.meters = val ;# D. U$ s1 J; d( j# @+ C
- this.url = '/nc.php?s=/goods/xiugaibili/id/'+this.id+'/shop_xjcbl/'+this.kilometers+'.html';
! g G9 i# `/ k9 p9 I1 l- ` - },0 p$ r1 d, q2 i; \+ i
- meters : function (val) {
8 H" _: E. K4 U: r - this.kilometers = val;7 A7 f( {& b+ S0 Q
- this.meters = val;. N, W3 G! ?7 d8 K1 R3 S/ Q* r
- }' }% c9 {5 n9 j W# \
- }
3 A( N! z4 D: p6 p- a- ]" Z - });
3 `! ]7 P) b1 _3 y c# F5 v+ b
5 v4 h+ a6 d8 H- & s$ @1 L: C% N$ D
- </script>
复制代码
3 O/ A. b0 t& f: S6 P* P$ Y
4 v& h2 M7 L+ ? p |
|