cncml手绘网

标题: 实现 tp循环输出el [打印本页]
作者: admin    时间: 2018-8-6 20:07
标题: 实现 tp循环输出el
php-html
: D8 W& \) A( g# ^0 O
  1. <div id = "computed_props{$v['id']}">. g6 y+ v. N2 u( }
  2.         <input style="width:50px;"  type = "text" v-model = "kilometers" placeholder="20" >& |$ k% _. Q) N# V! {
  3.         <a class="btn btn-xs btn-info" style="display:inline-block;"  v-bind:href="url" >修改比例为{{meters}}</a>
    9 Y* d5 r4 H" v, a- }/ @6 r
  4. </div>
复制代码
vue.js- Z( {+ _8 X% T% _9 L
  1. <script type = "text/javascript">
    1 a( x4 V# S" ?8 F- M+ G& y
  2.                 7 E8 G4 V5 b- y0 }9 g
  3.                 var ids = <?=$v['id']?>;2 N/ ]0 x' X  x* z$ q
  4.                 var shop_xjcbl = <?=$v['shop_xjcbl']?>;
    7 K$ |4 C  w% w
  5.                 8 l' o' p/ ?" H& b. x% @( ?" b" b
  6.          var vm = new Vue({
    ; q. t+ h) W. D  v
  7.             el: '#computed_props'+<?=$v['id']?>,
    / p. s2 e: X6 v4 z% I9 o- A; l- c
  8.             data: {
    % _# C, ^+ j- H6 y
  9.                kilometers : <?=$v['shop_xjcbl']?>,9 g2 W6 N& N  W
  10.                meters: <?=$v['shop_xjcbl']?>,
    - _! Z6 E+ e% ^3 g$ i
  11.                            id:<?=$v['id']?>,6 z6 U# k2 L5 C2 m' n! i* G0 }
  12.                            url:'/nc.php?s=/goods/xiugaibili/id/'+ids+'/shop_xjcbl/'+shop_xjcbl+'.html',5 p0 \! N3 E/ ^/ x' O* ]7 [
  13.             },
    + a* x. o! W  q1 f. l1 N
  14.             methods: {. d. N" t& q- _3 V% p; L- S
  15.                        
    + `" o. Q4 D( y
  16.             },
    / H/ ?( r6 Q4 w: M
  17.             computed :{- r9 f4 h% ?) G# _
  18.             },
    / `, k0 L! |- E* N* X
  19.             watch : {9 V' ^! {) b' r
  20.                kilometers:function(val) {
    $ G/ o) Y+ Z+ ^0 w4 |' v+ d! L
  21.                   this.kilometers = val;: d. L* \* C& {; ~( B# R; p
  22.                   this.meters = val ;! w) }' n' G: s0 }
  23.                                   this.url = '/nc.php?s=/goods/xiugaibili/id/'+this.id+'/shop_xjcbl/'+this.kilometers+'.html';6 m5 L: j/ L+ @1 v0 Y
  24.                },; [! f/ P: |. I
  25.                meters : function (val) {) {* O5 t" a* S2 h
  26.                   this.kilometers = val;  h9 L) @4 m6 y# ~' F: P6 K1 q3 Q* D2 S
  27.                   this.meters = val;
    : f+ I: m( }$ z( z+ p% z# c
  28.                }7 |: o, R" E% {
  29.             }1 t' e7 h6 `, o( Z/ P
  30.          });
    7 w; F! C  H6 c% r3 o: U
  31. 2 \& d/ r5 U5 O/ U" D$ g
  32. ) [3 V; Z3 Q( s8 m
  33. </script>
复制代码

: t7 D+ X9 X: ]( N5 {$ ~9 j- f
5 w+ }& M2 a8 M# c3 D



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