管理员
   
论坛积分
分
威望 点
贡献值 个
金币 枚
|
php-html
* d0 M& C4 W0 [0 w) x8 j3 ~* P- <div id = "computed_props{$v['id']}">
: T1 ]' t* z: |' c6 p - <input style="width:50px;" type = "text" v-model = "kilometers" placeholder="20" >2 G1 W: X/ e+ `$ E( S
- <a class="btn btn-xs btn-info" style="display:inline-block;" v-bind:href="url" >修改比例为{{meters}}</a>2 H3 s* J" Q t5 Y4 ?: q" N" t
- </div>
复制代码 vue.js3 G: {5 k' Q# e6 f
- <script type = "text/javascript">
0 l$ ]& H3 {& x, b5 _4 ? - 0 s( t/ g+ [- s: P. I
- var ids = <?=$v['id']?>;* p/ K1 Y% }/ B+ I4 n$ [; b. O1 Y
- var shop_xjcbl = <?=$v['shop_xjcbl']?>;9 T! v& S) S4 G& u3 N1 ~) o0 ?
- , v ?) h1 H6 _8 K: e( S
- var vm = new Vue({
0 R5 `2 `( D9 ] G( Y a" @ - el: '#computed_props'+<?=$v['id']?>,- v; w: N2 |% U! H) Y6 U
- data: {- \/ C2 y* {$ R% S$ m% x; d* [
- kilometers : <?=$v['shop_xjcbl']?>,
$ V4 E7 i8 e+ b. E6 E - meters: <?=$v['shop_xjcbl']?>,
- \, [' Y3 s+ B5 x# R) L9 z - id:<?=$v['id']?>,
! @' V' x0 U, g! c - url:'/nc.php?s=/goods/xiugaibili/id/'+ids+'/shop_xjcbl/'+shop_xjcbl+'.html',
8 h: }, q$ \ y0 B( t - },
/ I3 Z2 V3 r- W" N% m - methods: {8 e7 a- E( p L1 x( M# V
-
' j y+ [$ R; O - },
! w7 B; r5 Y% j; A% d8 p, A - computed :{& L3 l5 @8 g+ l# z
- },/ r7 {& f9 s% r$ _7 T& v0 c
- watch : {
0 Z% N& Q3 Z6 S" o1 l - kilometers:function(val) {( Y. `& S% Q3 a+ e3 a9 t: L
- this.kilometers = val;
" H7 g; u6 v6 u: O! J+ J - this.meters = val ;
0 x# y4 E8 t& w6 o3 A9 z+ i - this.url = '/nc.php?s=/goods/xiugaibili/id/'+this.id+'/shop_xjcbl/'+this.kilometers+'.html';* m# v% G/ ~4 a) \! \, E8 N8 e
- },
' V9 @' t1 G7 E! @0 @+ k& O0 H5 ~) K - meters : function (val) {* E5 g" r0 L1 k+ M( d$ F
- this.kilometers = val;
. s! D; m1 T0 P - this.meters = val;, M( c( v( X4 G8 t7 {
- }+ w; m; R" U: F. M4 H+ s
- }
: N1 k5 r/ D1 [6 V, l ~" a - });
` F( ~ {: O* v/ Y: H3 i - 7 h, Y) r6 N8 p
& H# Z" [) x8 O- </script>
复制代码
9 ~! Y& p p# v; x: u! o s" r
/ k+ V, k7 V% o+ ^, k' p6 V |
|