cncml手绘网

标题: 实现 tp循环输出el [打印本页]
作者: admin    时间: 2018-8-6 20:07
标题: 实现 tp循环输出el
php-html* R+ E% H/ z4 ~6 a9 l
  1. <div id = "computed_props{$v['id']}">0 d# y, F" s# b1 r+ t
  2.         <input style="width:50px;"  type = "text" v-model = "kilometers" placeholder="20" >. l9 G* N  R* l
  3.         <a class="btn btn-xs btn-info" style="display:inline-block;"  v-bind:href="url" >修改比例为{{meters}}</a>. b. c9 B5 ^( I9 e
  4. </div>
复制代码
vue.js# t" Q# I  w. j/ f3 A+ U
  1. <script type = "text/javascript">1 j4 ^* @6 F, V# ^+ g0 i5 s
  2.                
    1 R; M; _% o% {0 A( D  T$ y* {
  3.                 var ids = <?=$v['id']?>;
    + e3 n% D) `+ \2 ~
  4.                 var shop_xjcbl = <?=$v['shop_xjcbl']?>;7 I3 U3 R5 l# ^3 C) x$ E' T
  5.                 1 P- p% ^6 M- [' J9 |9 P9 I
  6.          var vm = new Vue({
    - ^: |1 c  }9 o
  7.             el: '#computed_props'+<?=$v['id']?>,
    * @+ B8 q5 |. |  c9 p
  8.             data: {# a1 E. D- n, ]4 E; }4 R) W+ }
  9.                kilometers : <?=$v['shop_xjcbl']?>,
    2 u& O. N: K6 A# L0 }& @
  10.                meters: <?=$v['shop_xjcbl']?>,/ u+ L6 S' `; V! t4 p
  11.                            id:<?=$v['id']?>,
    . x% C& p6 q" b* D% _8 }0 A. Z
  12.                            url:'/nc.php?s=/goods/xiugaibili/id/'+ids+'/shop_xjcbl/'+shop_xjcbl+'.html',& e( k9 M7 ]( Z3 C6 g
  13.             },
    $ V% F) o; i& i) @9 h$ l( ]
  14.             methods: {' z2 {% ^$ N+ B1 h: j, H8 w4 [
  15.                        
    $ g; ?* V* b9 ^2 K, p' @
  16.             },4 W: B: j" p, g6 L* \2 M
  17.             computed :{. U6 m) r/ S' u/ ?( V
  18.             },* o# t3 V3 g1 m! B: q
  19.             watch : {, r& T. w9 M7 W7 V/ g) L
  20.                kilometers:function(val) {. h7 n8 P# R! L; m& w' `
  21.                   this.kilometers = val;1 H5 o5 i0 X; I, D/ g& |
  22.                   this.meters = val ;" B: h( l0 @* s- j0 ^( c1 @
  23.                                   this.url = '/nc.php?s=/goods/xiugaibili/id/'+this.id+'/shop_xjcbl/'+this.kilometers+'.html';
    & M+ c! H' c# x: A" s: D
  24.                },
    : O' c" G0 G! A. K4 h! H. a) g
  25.                meters : function (val) {( g- _0 R: @" B' \9 M# o& j  z
  26.                   this.kilometers = val;
    ) q& h, n" F0 p/ g7 o% |
  27.                   this.meters = val;
    9 m8 S( z3 X2 U
  28.                }5 L$ Y; J: U, I1 B
  29.             }! ?3 k9 V9 J& X# e" K; i9 ~" ~
  30.          });
    1 L( g1 R& l. z1 ^: S* j0 {

  31. ! C& n, c/ {" W; y" [, {
  32. 8 Q0 v: G; F' N2 E
  33. </script>
复制代码

( X1 a; m9 ]: E1 s' @! [
  B; C7 i9 _) o6 }7 W3 x



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