cncml手绘网

标题: 实现 tp循环输出el [打印本页]
作者: admin    时间: 2018-8-6 20:07
标题: 实现 tp循环输出el
php-html0 r3 I/ o7 z9 T: J
  1. <div id = "computed_props{$v['id']}">6 e1 m. y/ n+ T  N+ \: O( Y$ x
  2.         <input style="width:50px;"  type = "text" v-model = "kilometers" placeholder="20" >6 [! F" T$ E) L; m- y1 P2 o. _& v4 i
  3.         <a class="btn btn-xs btn-info" style="display:inline-block;"  v-bind:href="url" >修改比例为{{meters}}</a>  O; y; C5 x# {( V# `7 e  [9 w. Q
  4. </div>
复制代码
vue.js+ G3 N  O  J0 y9 G3 ?1 J4 S1 a3 W
  1. <script type = "text/javascript">' C3 ?9 Z7 t4 g$ H" H0 E3 V, E/ O
  2.                 ! p2 g! x/ }  c
  3.                 var ids = <?=$v['id']?>;, K3 M1 _" S% d$ \  J# S
  4.                 var shop_xjcbl = <?=$v['shop_xjcbl']?>;
    2 I. o% E$ R: j0 S0 f( T1 I* F% D% k
  5.                
    ' {  H* Q$ w- D. }' `5 [( z- ]8 m: f
  6.          var vm = new Vue({& b! r2 Z' j* }1 J
  7.             el: '#computed_props'+<?=$v['id']?>,
    2 c( G. E5 E7 `: R
  8.             data: {
    6 J& o& V' h+ D  M. r
  9.                kilometers : <?=$v['shop_xjcbl']?>,
    % ~1 }" N& n2 Y0 [7 C3 x9 q
  10.                meters: <?=$v['shop_xjcbl']?>,( o1 `" A; k2 j0 B
  11.                            id:<?=$v['id']?>,$ c" Q9 p5 |, G5 L( }2 V. p
  12.                            url:'/nc.php?s=/goods/xiugaibili/id/'+ids+'/shop_xjcbl/'+shop_xjcbl+'.html',3 O; `4 X$ {( h! r
  13.             },2 w8 Q/ U# w; j: [
  14.             methods: {
    ' W) K/ n0 D. s2 G
  15.                        
    - z; S  R  y4 @
  16.             },
    : |5 B0 C+ A2 x( x& q
  17.             computed :{
    2 H% ^8 |0 Q( e. k! T+ U" Z
  18.             },
    9 ?* P# o/ d1 n9 J: t$ h! N
  19.             watch : {8 T/ E. n1 r7 H* Q  N! k
  20.                kilometers:function(val) {  b2 V* n5 J, a1 x7 ?8 w
  21.                   this.kilometers = val;
    8 v3 N. l/ c2 O6 I
  22.                   this.meters = val ;
    2 c& {* A' J9 p( \& X
  23.                                   this.url = '/nc.php?s=/goods/xiugaibili/id/'+this.id+'/shop_xjcbl/'+this.kilometers+'.html';
    + ]- m8 G1 t1 o! f  }
  24.                },+ s# m; v+ D/ U
  25.                meters : function (val) {3 e1 f$ R& y0 a! L" Q6 A8 ?
  26.                   this.kilometers = val;
    % I7 D5 b/ ?, k" M' i0 `: v8 z* q" D
  27.                   this.meters = val;( U. [" p, ]% _, r: A3 X+ p- S
  28.                }4 Y$ ^; C' Y; g6 _1 s% x
  29.             }
    - k7 F! g( {5 f. r1 i$ O* ^
  30.          });3 B0 j* x& H8 M4 ~

  31. 3 ]6 A1 N/ [4 q4 [( k- F2 x) @6 _
  32. $ a! E6 l- c. y& T( B$ Y
  33. </script>
复制代码
! J7 f0 j9 F5 r6 u3 ~" X( G

. Q6 s# S/ K7 E( n9 l( j! v



欢迎光临 cncml手绘网 (http://www.cncml.com/) Powered by Discuz! X3.2