管理员
论坛积分
分
威望 点
贡献值 个
金币 枚
|
php-html8 j' H. }8 l3 j; {2 M2 @
- <div id = "computed_props{$v['id']}">) `3 u) W! j: H' y
- <input style="width:50px;" type = "text" v-model = "kilometers" placeholder="20" >( m5 U, Y' U$ v
- <a class="btn btn-xs btn-info" style="display:inline-block;" v-bind:href="url" >修改比例为{{meters}}</a>
& r3 f" a+ K% D4 Y, ~ - </div>
复制代码 vue.js; |; S& _' f( T2 Y2 J
- <script type = "text/javascript">$ N6 S6 {; {& P I( z* @- S e$ |
- $ v7 J& ?' T8 v4 u" C( k6 B
- var ids = <?=$v['id']?>;2 o1 m5 \$ u, O6 h
- var shop_xjcbl = <?=$v['shop_xjcbl']?>;6 v( q5 [) S& ]0 r% [
-
7 i& @, O1 i0 p9 w, r! Z* u - var vm = new Vue({
6 e) b! l# z5 o' J3 Q - el: '#computed_props'+<?=$v['id']?>,# v( x* m. v1 Y4 F% c/ w8 m
- data: {
0 j# ]% }0 |) {7 J) } - kilometers : <?=$v['shop_xjcbl']?>,
8 R9 g! N3 E. p. G I0 N1 R - meters: <?=$v['shop_xjcbl']?>,
1 X1 V- Q1 b" C- Q - id:<?=$v['id']?>," r* D6 g# i) E/ _ \
- url:'/nc.php?s=/goods/xiugaibili/id/'+ids+'/shop_xjcbl/'+shop_xjcbl+'.html',
3 I6 w* T9 _; ?: ?8 a - },! F% ~- _" j% z
- methods: {. n( |( M$ q0 F6 S/ `& s
-
s e2 X4 k# ^: h8 D3 r - },- q8 f% e5 T1 [% B4 ~# L2 {0 y
- computed :{
# s0 }: D. E/ M$ b6 w - },; H4 G8 M0 \% Q% E3 ~/ ^
- watch : {
+ g# @: ?% R5 r5 b* R- h - kilometers:function(val) {
+ k+ e/ W d3 j5 Z0 ]# a3 |7 L - this.kilometers = val;7 r0 n9 T6 p* f( W2 K* ~. T$ B; f1 ~
- this.meters = val ;
7 c/ O+ s' z. C0 I- M r) u - this.url = '/nc.php?s=/goods/xiugaibili/id/'+this.id+'/shop_xjcbl/'+this.kilometers+'.html';( ~" I1 O0 }1 e$ M4 p
- }," ]. G% a! ]& E) x5 g9 z+ k( z# f
- meters : function (val) {
! A" d5 P& g0 K' K1 j1 r - this.kilometers = val;
1 y7 H5 @$ \8 G6 J6 m2 ~ - this.meters = val;2 u- Y4 \! r* K! p. `5 a3 O
- }
2 r/ d9 e" R9 w: l - }7 `* [! U$ `- Y8 R# t1 {) j
- });# C9 M* M* R; X# c7 }
+ r- f! H) V! \$ O- $ F6 O( r1 L1 m' l) d
- </script>
复制代码
! S$ ]% k3 o( y o3 Z! }" W* @; Q8 [$ v( |
|
|