cncml手绘网

标题: 实现 tp循环输出el [打印本页]
作者: admin    时间: 2018-8-6 20:07
标题: 实现 tp循环输出el
php-html  H% e6 r3 {5 ~- V
  1. <div id = "computed_props{$v['id']}">1 b1 a0 h. N$ g( ?& N! T
  2.         <input style="width:50px;"  type = "text" v-model = "kilometers" placeholder="20" >
    % [& S% P! r- i& e8 z; H
  3.         <a class="btn btn-xs btn-info" style="display:inline-block;"  v-bind:href="url" >修改比例为{{meters}}</a># I, B0 _  \; q/ |- ~& V
  4. </div>
复制代码
vue.js$ ~) I' B0 C  i3 }( t: P
  1. <script type = "text/javascript">
    0 E4 F% D/ e4 p" z
  2.                
    * X" v9 w  v. ^8 c
  3.                 var ids = <?=$v['id']?>;. a  ?8 F$ v& ?  K. {
  4.                 var shop_xjcbl = <?=$v['shop_xjcbl']?>;) h/ T, F4 ~4 z9 [
  5.                 + X  F$ p% n& x/ h) h
  6.          var vm = new Vue({$ b! ^2 ?& J0 u4 G+ _* X4 |
  7.             el: '#computed_props'+<?=$v['id']?>,! b& d" C6 F9 l  S1 O" ?; R
  8.             data: {
    " X$ A0 S: i1 _5 N
  9.                kilometers : <?=$v['shop_xjcbl']?>,! V! k& r6 C9 e# \( j6 o
  10.                meters: <?=$v['shop_xjcbl']?>,
    5 @9 L: D& T& K) c7 ~6 b
  11.                            id:<?=$v['id']?>,( E* t0 r; c8 j; K4 [7 B, q
  12.                            url:'/nc.php?s=/goods/xiugaibili/id/'+ids+'/shop_xjcbl/'+shop_xjcbl+'.html',( {  [: @( A$ ]$ q* O( l
  13.             },
    # U' n: ]" }8 D& s& b& ?  k- H
  14.             methods: {
    8 c8 r2 g" g8 R/ A
  15.                         ! x  X: F2 F) ~- t9 b
  16.             },, A. U9 o! H6 m9 Q
  17.             computed :{9 W/ o- I- f+ @" i. u. p6 }# B
  18.             },$ t" c# p8 ]' f9 l
  19.             watch : {8 z- |7 Z5 m8 |* u9 C
  20.                kilometers:function(val) {  C! ^" r) n' y8 M
  21.                   this.kilometers = val;
    ! @/ A2 P! M( [: S2 v& }
  22.                   this.meters = val ;
    / Q+ f. ~6 M  H/ I; d
  23.                                   this.url = '/nc.php?s=/goods/xiugaibili/id/'+this.id+'/shop_xjcbl/'+this.kilometers+'.html';3 j1 ~. @) }' W) q
  24.                },) N5 b: |5 _; p5 g! d! d
  25.                meters : function (val) {
    ' I, K8 t# f( Y  s$ D% Z8 j
  26.                   this.kilometers = val;* l" v8 g  H4 L- V% X
  27.                   this.meters = val;/ |$ }: R; e# |& e. g/ F, j
  28.                }
    & j+ w, K/ u3 [$ T0 \8 I
  29.             }
    8 i/ M1 P4 Q- a" o# w. Y+ H# H# B8 X2 t
  30.          });7 P3 B( z) ]0 K7 c- r
  31. & ?: E2 H6 F% |* r5 V$ e

  32. # x/ W6 F6 }* l& u: I
  33. </script>
复制代码

! i. J, c' F9 r& [# `; b8 c' Q% \0 W& I4 z: y- Z+ g0 C- E4 M




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