实现 tp循环输出el

admin

php-html
; u$ K8 C/ F6 Y% b4 q3 E

1. <div id = "computed_props{$v['id']}">
   
2.         <input style="width:50px;"  type = "text" v-model = "kilometers" placeholder="20" >
   6 I3 j4 P# v) T3 c7 \+ W' R4 s
3.         <a class="btn btn-xs btn-info" style="display:inline-block;"  v-bind:href="url" >修改比例为{{meters}}</a>
   0 z, E3 h0 y/ s
4. </div>

复制代码

vue.js

1. <script type = "text/javascript">
   
2.                
     Z9 V( T; g, @2 \3 r7 _* }6 J2 p) u
3.                 var ids = <?=$v['id']?>;
   
4.                 var shop_xjcbl = <?=$v['shop_xjcbl']?>;
   * a1 c1 X3 T  m, S. ]
5.                
   
6.          var vm = new Vue({
   . p8 _3 U. G2 R' V" @0 Q
7.             el: '#computed_props'+<?=$v['id']?>,
   
8.             data: {
   
9.                kilometers : <?=$v['shop_xjcbl']?>,
   , [$ c, y9 a- j2 |: q
10.                meters: <?=$v['shop_xjcbl']?>,
    ( k  h  h8 v6 K) l
11.                            id:<?=$v['id']?>,
    
12.                            url:'/nc.php?s=/goods/xiugaibili/id/'+ids+'/shop_xjcbl/'+shop_xjcbl+'.html',
    8 G: _! g& I! l* j
13.             },
    
14.             methods: {
    
15.                        
    # L& x% W9 f$ g. h# U
16.             },
    
17.             computed :{
    
18.             },
    " a% h$ h# r2 Y2 o  ^7 k2 J6 Q$ S
19.             watch : {
    
20.                kilometers:function(val) {
    
21.                   this.kilometers = val;
    
22.                   this.meters = val ;
    ( B" @* [3 i3 T
23.                                   this.url = '/nc.php?s=/goods/xiugaibili/id/'+this.id+'/shop_xjcbl/'+this.kilometers+'.html';
    : P) J8 ]: q' y
24.                },
    ' V7 u% d# N6 h! Q( F7 U
25.                meters : function (val) {
    1 F: _( s( g  v# z
26.                   this.kilometers = val;
    2 M. _+ M' t/ N9 F
27.                   this.meters = val;
    1 W2 ~  t# f7 J
28.                }
    ) V' I# A( X/ p  ]& i' c
29.             }
    * I3 W# k0 _6 h6 C/ w5 k6 U
30.          });
    6 }) j7 a8 B3 r2 S
31. 
    
32. 
    
33. </script>

复制代码

: Q' ]1 i" W' I0 C