实现 tp循环输出el - cncml手绘网

<div id = "computed_props{$v['id']}"> `7 D0 m" s+ Y0 ^1 W% Y
<input style="width:50px;" type = "text" v-model = "kilometers" placeholder="20" >9 p0 Y) y! n# v9 f2 e" ^
<a class="btn btn-xs btn-info" style="display:inline-block;" v-bind:href="url" >修改比例为{{meters}}</a>" }: l" O8 }5 P! y' x1 D" q
</div>

复制代码

<script type = "text/javascript">
1 h6 g$ y& f/ a8 @( w; g
0 s. c% M. N% `- f$ t
var ids = <?=$v['id']?>;
: D9 R4 v9 y- q$ L" P; w5 m
var shop_xjcbl = <?=$v['shop_xjcbl']?>;# ]% ~% w7 m8 Y+ o
1 I3 I0 z8 H) x) W1 n c2 [1 _
var vm = new Vue({4 `+ I L* u1 L4 p
el: '#computed_props'+<?=$v['id']?>,
, e) m, E$ _! ]3 q3 Y8 G
data: {
* i! y7 i, d" c
kilometers : <?=$v['shop_xjcbl']?>,
% S/ a6 s% c! A
meters: <?=$v['shop_xjcbl']?>,0 D( S8 K; a+ Q, y
id:<?=$v['id']?>,5 [+ Q& ^ Q2 J, K2 ?: z) y' }# @2 g
url:'/nc.php?s=/goods/xiugaibili/id/'+ids+'/shop_xjcbl/'+shop_xjcbl+'.html',! t: S9 J( M/ @2 a% O" `: a8 G
},% c1 z* C8 j( k0 y7 ^/ F" x5 x
methods: {
. N- q3 f% a p& a
( f; D( Q7 r [% R+ X% q8 w; T m
},
7 X9 I" L5 S6 k$ A
computed :{3 {$ `, D: t) p+ A Y/ E& e, _5 I
},: M1 K. k5 y- b, u
watch : {$ k7 ]- e! X5 d i, A% U- J
kilometers:function(val) {
. i9 _) L7 X% z% I4 I' a+ {
this.kilometers = val;
% }" i9 [7 }/ b/ W3 S) t
this.meters = val ;
. F7 ]9 T* |! ?: Y
this.url = '/nc.php?s=/goods/xiugaibili/id/'+this.id+'/shop_xjcbl/'+this.kilometers+'.html';; Y0 r, _) X/ I* i$ I
},
7 z2 H) N; n3 A: x. T' [: l9 M
meters : function (val) {% Y1 _7 y+ C$ B. ?& a
this.kilometers = val;0 z6 q a4 C& h5 {6 ]) s
this.meters = val;
0 ]8 I. C `/ X
}
7 A: p/ i, b# M6 e. J" I
}6 \$ \ g+ z- d* f& h4 i
});
2 R; I$ |- _/ F8 v" L
z0 Z. c. `( w# Y0 j
7 X3 Z* R9 ]7 M' u9 C; y
</script>

复制代码