实现 tp循环输出el

admin

php-html
' \+ g0 L+ E* m( `3 d" Y

1. <div id = "computed_props{$v['id']}">
   / N# y6 {$ ^$ ?$ A/ X
2.         <input style="width:50px;"  type = "text" v-model = "kilometers" placeholder="20" >
   1 a3 k1 O* I9 {8 r" N- a
3.         <a class="btn btn-xs btn-info" style="display:inline-block;"  v-bind:href="url" >修改比例为{{meters}}</a>
   . _* ]; A" X0 x, b7 I; C& j
4. </div>

复制代码

vue.js
5 b% s" v* ^6 q8 N! G! ~, X

1. <script type = "text/javascript">
   
2.                
   
3.                 var ids = <?=$v['id']?>;
   
4.                 var shop_xjcbl = <?=$v['shop_xjcbl']?>;
   2 D7 \* n; U3 G$ G4 @% T
5.                
   8 a5 g7 c" ~1 g2 x- e$ E
6.          var vm = new Vue({
   & d6 ^+ q# w% N9 |5 F9 E
7.             el: '#computed_props'+<?=$v['id']?>,
   
8.             data: {
   . p# j6 x$ S6 C- `3 z* {, X
9.                kilometers : <?=$v['shop_xjcbl']?>,
   " t; q( O6 q% B% d
10.                meters: <?=$v['shop_xjcbl']?>,
    5 |2 c. f3 R: F; X$ D; S  ]- G
11.                            id:<?=$v['id']?>,
    ) U2 c/ c# J+ n1 W' R5 R5 C
12.                            url:'/nc.php?s=/goods/xiugaibili/id/'+ids+'/shop_xjcbl/'+shop_xjcbl+'.html',
    ( @. x- Z4 `- O; h) S. M, F, \
13.             },
    
14.             methods: {
    . q  N. p5 {( k  N( h
15.                        
    
16.             },
    4 O$ J$ X# ^, L3 e% h7 D
17.             computed :{
      v2 T' K$ g5 Z& _7 b* Z9 z
18.             },
    " G. j' ^. \# x, Z, O
19.             watch : {
    ! K8 a6 b* d! s( g- t/ v$ Y
20.                kilometers:function(val) {
    
21.                   this.kilometers = val;
    0 E: o( a, g6 ^% Q" _, J
22.                   this.meters = val ;
    
23.                                   this.url = '/nc.php?s=/goods/xiugaibili/id/'+this.id+'/shop_xjcbl/'+this.kilometers+'.html';
    
24.                },
    : z, w- U5 ?" f: @& [* }% E- C5 j
25.                meters : function (val) {
    + g% e3 {3 f. [  d+ v& Q- P
26.                   this.kilometers = val;
    
27.                   this.meters = val;
    
28.                }
    9 |8 N0 w& b4 l3 ~+ ?
29.             }
    3 f0 j' w, n% R
30.          });
    
31. 
    / _2 d# c- \1 c8 o4 q
32. 
    ' v. ~* i" y2 z0 F; C/ p  h7 ?! u" L) M
33. </script>

复制代码

6 \% m1 k7 {% D% r6 ^% Z. ?% v6 l