实现 tp循环输出el

admin

php-html

1. <div id = "computed_props{$v['id']}">
   ! ^* j, X  {! b( m" e
2.         <input style="width:50px;"  type = "text" v-model = "kilometers" placeholder="20" >
   4 ]8 N0 w7 ^; W& ^+ u% N# u; S
3.         <a class="btn btn-xs btn-info" style="display:inline-block;"  v-bind:href="url" >修改比例为{{meters}}</a>
   
4. </div>

复制代码

vue.js
, O+ o& }- G7 z" N3 H9 x- \4 n

1. <script type = "text/javascript">
   2 M7 \- v: U/ Y; v$ x
2.                
   9 [6 i/ ]8 H$ N$ y6 s- p$ C
3.                 var ids = <?=$v['id']?>;
   
4.                 var shop_xjcbl = <?=$v['shop_xjcbl']?>;
   5 B6 Q& ~: l4 t+ I; x
5.                
   
6.          var vm = new Vue({
   
7.             el: '#computed_props'+<?=$v['id']?>,
   
8.             data: {
   
9.                kilometers : <?=$v['shop_xjcbl']?>,
   
10.                meters: <?=$v['shop_xjcbl']?>,
    
11.                            id:<?=$v['id']?>,
    1 N  w3 ]6 n  A/ q# [$ O1 @2 `
12.                            url:'/nc.php?s=/goods/xiugaibili/id/'+ids+'/shop_xjcbl/'+shop_xjcbl+'.html',
    8 Z5 i" i0 B0 t! R
13.             },
    
14.             methods: {
    
15.                        
    ) D: J) t! m/ a- S. @3 N
16.             },
    1 _0 ?+ z: l4 M" J
17.             computed :{
    
18.             },
    
19.             watch : {
    ( W) Q/ `+ s6 g" }* |
20.                kilometers:function(val) {
    2 G$ |8 {) ^3 c6 r
21.                   this.kilometers = val;
    
22.                   this.meters = val ;
    
23.                                   this.url = '/nc.php?s=/goods/xiugaibili/id/'+this.id+'/shop_xjcbl/'+this.kilometers+'.html';
    & b0 Y! U7 H9 D2 D
24.                },
    
25.                meters : function (val) {
    
26.                   this.kilometers = val;
    : I4 T( w* V. T! ~+ e
27.                   this.meters = val;
    
28.                }
    
29.             }
    
30.          });
    
31. 
    
32. 
    3 k5 P8 m2 i; B" j
33. </script>

复制代码

, ]$ q5 I7 O! K