管理员
   
论坛积分
分
威望 点
贡献值 个
金币 枚
|
php-html# I2 v6 H _/ \
- <div id = "computed_props{$v['id']}">
4 u; M4 o# M; ^$ u" k& l' h - <input style="width:50px;" type = "text" v-model = "kilometers" placeholder="20" >
! i' ^5 E+ g* d7 Q! y, l - <a class="btn btn-xs btn-info" style="display:inline-block;" v-bind:href="url" >修改比例为{{meters}}</a>
. ?& |3 o1 S @6 v( Q - </div>
复制代码 vue.js- d: O3 o; d* T4 \0 ?# E+ ^9 p
- <script type = "text/javascript">
9 t# x3 B8 e& T! R0 c - 0 }1 T) t* s. D( j1 J
- var ids = <?=$v['id']?>;
2 U2 B# i3 r/ W! u1 ~ - var shop_xjcbl = <?=$v['shop_xjcbl']?>;
5 P |' N6 \; g4 Q# L - * W8 f3 F# h/ K: Z0 S, y
- var vm = new Vue({
3 N3 \& }% u- u& G - el: '#computed_props'+<?=$v['id']?>,. C( V2 K& W* t+ z0 v' E1 h Q" L
- data: {
$ v5 F# f! w- F8 M - kilometers : <?=$v['shop_xjcbl']?>,
) @" \+ S- q% P; c - meters: <?=$v['shop_xjcbl']?>,
/ ?" }3 k- Y1 K, {: P, H& j - id:<?=$v['id']?>,
( C% d8 h" M# L) y1 j - url:'/nc.php?s=/goods/xiugaibili/id/'+ids+'/shop_xjcbl/'+shop_xjcbl+'.html',
& ]& m4 g: u, v2 N0 c8 s1 U - },! F: H3 A% V c. X; b0 h, c* ?
- methods: {
. t) U- @! |) x% t$ r5 m$ } - # t. M4 T' [" L( x2 L2 u
- },
, ^1 P2 L- m; f) Y: K& j' U6 l* K - computed :{, F+ X# [9 E5 Q. ?0 V
- },
) F3 k3 }2 p8 w2 Y( C0 y - watch : {
, N4 r- `% u0 l' I6 u4 T9 A - kilometers:function(val) {) Q4 m+ ^7 Q3 q$ V
- this.kilometers = val;0 M2 w( F! B) z9 \8 b6 G, A
- this.meters = val ;) a% v0 p, H0 {; u6 ~
- this.url = '/nc.php?s=/goods/xiugaibili/id/'+this.id+'/shop_xjcbl/'+this.kilometers+'.html';
- h! l5 S9 i+ O9 x4 F - },
2 D% G U0 C9 ^; K9 ^, b% x - meters : function (val) {
; R5 L; V1 y4 `+ F - this.kilometers = val;
# ` n% `! C( w7 r - this.meters = val;
, Y4 S2 K! ^) g) I- J - }' V) T. r Y) k' W: f* t
- }
r2 Z( ?. E, P4 C/ ] - });. {( b% |3 P: ]8 H
- . ?5 i8 O* j# k% g
- - D4 a* U$ z" `1 w& Z5 I
- </script>
复制代码 + o _: b8 l% Q& d! l1 x
v# D! O) X9 z( m9 h x; |
|
|