管理员
论坛积分
分
威望 点
贡献值 个
金币 枚
|
php-html; t |/ c/ X2 @1 d5 c4 d
- <div id = "computed_props{$v['id']}">* b0 `& n, t; a/ i6 K: y# y) `
- <input style="width:50px;" type = "text" v-model = "kilometers" placeholder="20" >( z( f5 P/ i2 Z$ b( P6 I) p
- <a class="btn btn-xs btn-info" style="display:inline-block;" v-bind:href="url" >修改比例为{{meters}}</a>+ E+ |' W3 } p2 W; Q, Y4 T9 G7 K
- </div>
复制代码 vue.js
5 h7 p% z% E5 h8 m& b0 t- ]+ j8 }- <script type = "text/javascript">
/ a+ }$ P0 ?/ [. M1 }0 a7 y -
% J# N# `! F X3 `0 t - var ids = <?=$v['id']?>;
+ p* X! e$ J$ S" R) M7 m& S1 U - var shop_xjcbl = <?=$v['shop_xjcbl']?>;# T) n$ e" s4 \ c: v$ P! Q* i; L& o
-
, A5 O0 L$ a8 |! @6 z - var vm = new Vue({" c+ C: J, g' B* m' R$ v
- el: '#computed_props'+<?=$v['id']?>,
, _, u0 y( q# z& V, P0 g, c, P - data: {9 p/ p6 ?7 b' [8 |
- kilometers : <?=$v['shop_xjcbl']?>,3 N' Z) Y \9 ]2 T6 O
- meters: <?=$v['shop_xjcbl']?>,
# ^. ~# N% M$ L* G, n$ p# s - id:<?=$v['id']?>,
) U5 s2 P/ a+ K6 L+ F/ @ - url:'/nc.php?s=/goods/xiugaibili/id/'+ids+'/shop_xjcbl/'+shop_xjcbl+'.html',' l& T6 K/ f; c U# ?" ^9 a; A
- },
( A6 r6 k8 n, j" n# e- @) ] - methods: {, b0 u8 Y4 s' P/ h' L; W1 l i8 ~" Y1 ^
- # [; f$ u; V+ Z' c; v* N7 Y
- },: [8 E7 \- `& V3 [
- computed :{
: }$ J& O* o$ u" B2 ]3 I - },
/ W- e0 u" l" |& c' f, k/ O - watch : {
( X* V9 {' h3 H. w4 h; T+ \3 \ - kilometers:function(val) { ~* M* ]2 }* h7 n b8 H
- this.kilometers = val;8 \, n* `+ Q& s2 a5 l" S
- this.meters = val ;' j+ b9 [( |; R- @* c
- this.url = '/nc.php?s=/goods/xiugaibili/id/'+this.id+'/shop_xjcbl/'+this.kilometers+'.html';9 q* i( h9 L' f* B: z: h; r% x: T
- },
* p6 v. H6 Z! a# d9 Y' ~6 ~ - meters : function (val) {1 j5 i5 o! h! D9 V3 `" }
- this.kilometers = val;
# U9 [ R1 H2 i L8 v" W - this.meters = val;
& K6 c% O w: Y - }
$ X" W6 F3 ?3 g" n# w - }$ Y0 _/ e% Q5 j! _0 z) ~
- }); {2 A8 O# ^# y: Y
6 Q. I- C) o1 F- i% R! Y6 I T- 6 a1 w+ v O8 m. `1 `) u
- </script>
复制代码
7 A9 ?; ^' F0 |# b4 W7 F3 ]6 c
d$ c+ E& `( ?) U9 l# q |
|