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

<div id = "computed_props{$v['id']}">
8 m1 V5 o* y: P0 U: C
<input style="width:50px;" type = "text" v-model = "kilometers" placeholder="20" >4 E4 Z; T; Y1 i# B. D/ g) [
<a class="btn btn-xs btn-info" style="display:inline-block;" v-bind:href="url" >修改比例为{{meters}}</a>
5 }) ]4 z; _( Q- g8 }; W
</div>

复制代码

<script type = "text/javascript">. C5 p) N4 V8 p$ |$ }" j' o4 s
( R; [. ^ Z# F5 d
var ids = <?=$v['id']?>;2 Y L" D6 A% Q- ]$ A2 c. d
var shop_xjcbl = <?=$v['shop_xjcbl']?>;
* Z8 i& t, g7 T6 B2 M& _
& I8 v U: K4 {
var vm = new Vue({
8 A0 F9 j/ o( J& {
el: '#computed_props'+<?=$v['id']?>,
; d' L: W$ ~" V! k
data: {2 u) j, F l- k: I( }8 `0 |
kilometers : <?=$v['shop_xjcbl']?>,
. O* ]8 x5 B6 s n% e( M! x7 @
meters: <?=$v['shop_xjcbl']?>,; p8 ], O/ ]. V0 c3 k" I* K3 a; k
id:<?=$v['id']?>,
0 ^0 e( s( A* G
url:'/nc.php?s=/goods/xiugaibili/id/'+ids+'/shop_xjcbl/'+shop_xjcbl+'.html',- N1 Z: @+ p1 T0 ^; Z
},
5 g$ u1 v1 t1 w1 K' [4 _
methods: {
8 {) Y( @! d# T3 ~3 @
- w* [- H1 s! `
},) h5 f7 n9 y$ }& T( w& t
computed :{% }- P. I5 J2 s/ G* c- {/ ^1 e
},1 }2 Z& q8 d5 M8 I! r5 W& W
watch : {
3 E& i0 a: a! Z1 E
kilometers:function(val) {
3 g- ^7 b3 {& ~) j. y- k
this.kilometers = val;
+ p( e, b0 Q! }3 K# z2 g
this.meters = val ;( o. n% r2 P$ h9 e* Q2 {
this.url = '/nc.php?s=/goods/xiugaibili/id/'+this.id+'/shop_xjcbl/'+this.kilometers+'.html';3 G2 x; e( {8 C0 n$ _- w
},
8 i6 o( Q+ U$ `1 Y
meters : function (val) {
, M* D8 K0 s$ s/ A% j
this.kilometers = val;
0 [9 n4 W+ K7 {
this.meters = val;
: O5 Q) U/ B0 F8 d, C( Q- B) K8 `
}4 g& V) D2 \) K% n% P! G5 c/ y
}9 N) [: c& F* k9 [4 Z
});
1 d5 ^! L! f; k G1 F/ m
* u) K- ^5 N T- e
6 s8 ~# G: _: O# |8 \
</script>

复制代码