管理员
论坛积分
分
威望 点
贡献值 个
金币 枚
|
php-html
6 v9 @' s' r' n6 J% T& R- <div id = "computed_props{$v['id']}">
! }1 U1 A7 m, X# |% O' Z* F$ m - <input style="width:50px;" type = "text" v-model = "kilometers" placeholder="20" >
1 o, T. @6 u0 E' e& ^) { - <a class="btn btn-xs btn-info" style="display:inline-block;" v-bind:href="url" >修改比例为{{meters}}</a>2 x* y) ^, ?; Y) J2 j' w3 t( L
- </div>
复制代码 vue.js7 q% k7 v _) c& `
- <script type = "text/javascript">* n3 l) q) I: S' I) b
- 9 h4 d; e& B e t+ u, j5 b) X/ j6 w
- var ids = <?=$v['id']?>;
" X5 c8 Q. y) C8 e% ^9 O5 l9 s6 P - var shop_xjcbl = <?=$v['shop_xjcbl']?>;
& U- g( t/ @/ r) S ^ - 9 l k" t$ f; m* K8 x$ q4 C( h+ \
- var vm = new Vue({
) j5 [4 C4 N- L, i - el: '#computed_props'+<?=$v['id']?>,. ~" K! {# G1 j: ~
- data: {
7 m7 [2 d/ I* M( C. d - kilometers : <?=$v['shop_xjcbl']?>,. f- d% I/ _4 U+ E- o9 l
- meters: <?=$v['shop_xjcbl']?>,
- u3 H/ P& U1 G5 p - id:<?=$v['id']?>,% u$ V2 Z- x2 m
- url:'/nc.php?s=/goods/xiugaibili/id/'+ids+'/shop_xjcbl/'+shop_xjcbl+'.html',
3 R' e9 ?% c' | C# D - },# F. J: [1 b0 C! J; i
- methods: {
9 Z3 b% s) p6 @% S2 f -
( q% g+ H: }2 V+ T) L - },
V+ Q. S* t1 w3 K9 j# H) c2 U - computed :{; {5 f9 p6 a9 c5 v
- },
k$ i% `/ Q3 a/ s* ?7 G) ? - watch : {
8 @0 z! v( G# w2 n3 p$ m$ F# L1 v - kilometers:function(val) {
2 y& U, W7 q& B9 z, T - this.kilometers = val;7 [) a& U+ e3 w6 b! u$ t" V
- this.meters = val ;
% | w b ~7 Y0 o$ Q - this.url = '/nc.php?s=/goods/xiugaibili/id/'+this.id+'/shop_xjcbl/'+this.kilometers+'.html'; r5 K' c5 @+ P/ P0 f9 Q
- },; H- B, N1 W! t0 S, [$ r" B
- meters : function (val) {( R% r/ D9 g! g. z
- this.kilometers = val;0 N8 w6 d) ^- n+ s
- this.meters = val;' l* ?0 z f& [) [4 x* f
- }& z: |: E6 x% `& x& J1 W$ T; ]: r
- }
: B1 e4 S( W+ P7 a b" a1 @ - });+ d7 q. @' U% [8 r
; U0 p4 A# ~4 D3 U% F* q' Z- ) v; }; i; P, y1 J
- </script>
复制代码
$ E, j# j H; u4 F! t2 P& H' c# t
& U6 [9 L4 h/ W n0 c5 Y: W |
|