cncml手绘网

标题: 实现 tp循环输出el [打印本页]
作者: admin    时间: 2018-8-6 20:07
标题: 实现 tp循环输出el
php-html  i1 l: ~: ^1 W* H
  1. <div id = "computed_props{$v['id']}">: z1 s+ q5 }. _" e; r- P" Y+ i
  2.         <input style="width:50px;"  type = "text" v-model = "kilometers" placeholder="20" >7 W2 N+ w7 G' d! I0 K( L3 Z
  3.         <a class="btn btn-xs btn-info" style="display:inline-block;"  v-bind:href="url" >修改比例为{{meters}}</a>
    0 j8 ]+ n+ B# \4 F* }
  4. </div>
复制代码
vue.js* }/ [0 b4 k/ `+ P1 W) J
  1. <script type = "text/javascript">/ S# c2 x' f; A
  2.                 1 _7 j3 C' L. H
  3.                 var ids = <?=$v['id']?>;
    " B4 R7 F# E% ?6 D- \8 T: i
  4.                 var shop_xjcbl = <?=$v['shop_xjcbl']?>;0 U6 I% `; [" A- q  _5 ~$ j) Q
  5.                 ! A3 L% ?: W; o
  6.          var vm = new Vue({  f( U: B' b, f4 V/ G0 x5 K
  7.             el: '#computed_props'+<?=$v['id']?>,
      W9 s/ T/ V- j, Y/ L7 Z; S
  8.             data: {
    : p3 f( Q3 P3 W, y
  9.                kilometers : <?=$v['shop_xjcbl']?>,
    % f7 z5 b7 n: M+ v* n
  10.                meters: <?=$v['shop_xjcbl']?>,
    ; j- S0 h, L2 N# l7 c" G- }- @+ T* C
  11.                            id:<?=$v['id']?>,
    % S0 T( F8 ]4 ^1 |2 V& w! s/ |
  12.                            url:'/nc.php?s=/goods/xiugaibili/id/'+ids+'/shop_xjcbl/'+shop_xjcbl+'.html',, a4 P2 Z% p1 N3 O$ }' [( s/ y
  13.             },. G, ~8 x6 i' ]! f2 [
  14.             methods: {6 J$ d9 n) W  M1 F5 _# a1 p
  15.                         $ _' N) U, S- S/ I( f# M
  16.             },9 N5 W( |9 e% _8 ~- Q9 a! J% Z# x0 S# t/ Y
  17.             computed :{% H8 p3 |, I6 {) b
  18.             },
    1 Q3 H2 K# V- g: T# L4 r5 Q; I; Y$ ?
  19.             watch : {
    / Y1 h4 t/ J; q. G2 U# k
  20.                kilometers:function(val) {
    3 R/ U- s. e: i" `. h* z; E0 U
  21.                   this.kilometers = val;
    5 y, O0 x/ n- X$ J/ {0 t
  22.                   this.meters = val ;/ A* q( ^+ F  i
  23.                                   this.url = '/nc.php?s=/goods/xiugaibili/id/'+this.id+'/shop_xjcbl/'+this.kilometers+'.html';
    ; j; \4 ?# F$ K; ?, r! ^# W$ `' o
  24.                },! y/ B8 V) @+ h' `
  25.                meters : function (val) {1 _; f  e: t* p  F/ }& U1 U, q3 d
  26.                   this.kilometers = val;6 w4 z7 j. H% J# g1 C
  27.                   this.meters = val;
    % `3 B- {( `3 O. i
  28.                }9 R, B; s% C9 f% r! H! Y
  29.             }3 p, f8 O5 E! a9 B" _- b' Y5 n
  30.          });7 F$ `( }# K; e* ^& d7 @

  31. / |$ Z- ?3 I5 O" _, f: I: o

  32. ! h6 v) x2 o6 A$ b2 _0 Z
  33. </script>
复制代码

$ N( y% Q' ^% J  k3 B. L! h; h7 R! R" ~* y% l+ p; B




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