管理员
论坛积分
分
威望 点
贡献值 个
金币 枚
|
php-html
x# B" h: R% F! L- <div id = "computed_props{$v['id']}"># P: D* H4 R; m/ X# M
- <input style="width:50px;" type = "text" v-model = "kilometers" placeholder="20" >
7 N- `) }2 ?6 g2 M - <a class="btn btn-xs btn-info" style="display:inline-block;" v-bind:href="url" >修改比例为{{meters}}</a>
- r; @* d( m5 P9 U% l3 s - </div>
复制代码 vue.js% d: m# [6 k* G
- <script type = "text/javascript">
* B( M q7 X3 T2 \ - ' e( x' Z/ T; x$ N2 U6 V
- var ids = <?=$v['id']?>;# ]2 L' s7 B, |% _( z D5 C9 O
- var shop_xjcbl = <?=$v['shop_xjcbl']?>;8 p2 o7 I& B9 \( c8 w6 [
-
$ v9 n5 @8 u2 b - var vm = new Vue({
5 o# k& e3 }5 D, v - el: '#computed_props'+<?=$v['id']?>,$ u9 c9 ~+ d9 \3 M% F$ V
- data: {# \; W/ w& X% H' t' Q9 W
- kilometers : <?=$v['shop_xjcbl']?>,
3 _ ~, y, m; M) Y; Y4 D( @3 c# N - meters: <?=$v['shop_xjcbl']?>,
( d" R" q, ?1 o k7 v) t6 n+ T - id:<?=$v['id']?>, p. P2 M/ R8 k
- url:'/nc.php?s=/goods/xiugaibili/id/'+ids+'/shop_xjcbl/'+shop_xjcbl+'.html',
% O; `' O4 u% Q7 J - },/ M5 r- v( b# p; }* Q0 f8 w0 ~5 x
- methods: {
! M S) W+ A \0 k* N - 4 w! S5 \" c Z% \6 o5 e4 ]
- },
" d/ q& @7 N. N2 h5 G0 n; e - computed :{
9 b4 j! s! m' \# f - },- n+ C2 {1 y! ?) L* `) H9 q3 W
- watch : {
5 f t, I1 G& | - kilometers:function(val) {
. O# Q8 i5 Q7 W) Y! ?8 k; X6 j" @2 M - this.kilometers = val;
0 f( n' E& I4 F g6 H - this.meters = val ;
9 O5 K% D* ^0 ~9 C9 k8 L - this.url = '/nc.php?s=/goods/xiugaibili/id/'+this.id+'/shop_xjcbl/'+this.kilometers+'.html';: x/ B4 a; @4 H5 U2 b. l9 e$ b
- },& l& X# D/ |! }9 G( ]
- meters : function (val) {
6 d# |, I; V7 B6 M, T$ r/ C - this.kilometers = val;
+ C% d1 A8 H0 V4 T2 F0 b - this.meters = val;/ G" k2 [, z5 p8 l# b
- }
! M' g) m4 i: o - }, Z4 _( c( p. H7 P# ^5 q2 [ m, N
- });) x* N ], p8 E% G t, k0 C; A" w
- , L: l. q3 g% v3 ~9 q+ h) O( A7 X. ? x
- ! M8 A" p0 D$ ]5 O4 Z; ~3 u/ d
- </script>
复制代码 # I. ~ E6 R8 O$ ~
# Y( d* b- |( q* B$ u: t
|
|