管理员
   
论坛积分
分
威望 点
贡献值 个
金币 枚
|
php-html
9 _( ^- f, L( T" H0 v- <div id = "computed_props{$v['id']}">% J1 `4 r' e2 n9 {3 Z/ ?2 P/ K' C
- <input style="width:50px;" type = "text" v-model = "kilometers" placeholder="20" >. R* a* w& i4 n4 o- E# L# T
- <a class="btn btn-xs btn-info" style="display:inline-block;" v-bind:href="url" >修改比例为{{meters}}</a>/ T* L/ i1 t) \$ t& m; V
- </div>
复制代码 vue.js
; e7 X* e9 } e) }0 d3 H- <script type = "text/javascript">3 c" W, o3 r& i/ S6 A4 S4 L; s8 a
- . _: I6 Y( ?0 D1 j
- var ids = <?=$v['id']?>;
$ B4 Y1 S; X. y. t/ D4 b3 U6 k - var shop_xjcbl = <?=$v['shop_xjcbl']?>; D! x; @" w+ P1 Z" b% O1 X% t
-
7 r6 p' }/ F. k& `2 f7 w% Z, d n) C - var vm = new Vue({
7 s* e- c! M, w$ W - el: '#computed_props'+<?=$v['id']?>,
, O) T4 U2 F( r - data: {. ?" D, W6 _0 Q3 w. S: q6 B' W
- kilometers : <?=$v['shop_xjcbl']?>,& o: l2 y& O2 a
- meters: <?=$v['shop_xjcbl']?>,: U. }, [, l+ q4 W' B+ |0 n& h* s
- id:<?=$v['id']?>," M7 e& l1 j& x0 S2 q
- url:'/nc.php?s=/goods/xiugaibili/id/'+ids+'/shop_xjcbl/'+shop_xjcbl+'.html',
9 G& b! y* n: Q& } - },* A7 `. \' Z! v6 ~2 p( B( a; c2 a
- methods: {( K/ z* X( L1 [% G0 s( ~" g
- 0 |# j4 e3 \- {9 H4 W
- },
1 X$ C3 P$ _: E" Z) O3 L - computed :{
! g4 i7 w8 T6 C1 h - },
" e8 X; ~3 d6 R+ W! H9 u - watch : {/ ^( X7 ^6 b( P( u, e, }
- kilometers:function(val) {/ r- F* V2 d6 T5 r* m" ] S
- this.kilometers = val;' B8 `$ O3 k2 N
- this.meters = val ;
# ]) z7 q8 \0 q4 c6 d/ m+ s0 I - this.url = '/nc.php?s=/goods/xiugaibili/id/'+this.id+'/shop_xjcbl/'+this.kilometers+'.html';
]7 M4 p( B" ^7 T - },8 S( q& z8 x' n7 L
- meters : function (val) {
7 K4 H( Y- v0 J& C2 t+ n - this.kilometers = val;3 M# ?2 D: P" {4 B- d- z
- this.meters = val;
- ^5 E I9 a. B' P1 a6 @ - }
1 }! C; S; S5 M& @6 f - }
! z3 v: F' c; |6 [! Y: J) P. p. t - });7 T. |# U3 x7 d0 y0 [0 k) }
. e2 m. J0 m+ p; T- 0 `- m8 l2 n t- A# G! z
- </script>
复制代码 % ~# p( _# f2 b; m5 L" L! d
3 C1 ~9 n. ~4 a4 L' b! ?% R |
|