管理员
论坛积分
分
威望 点
贡献值 个
金币 枚
|
php-html
# c. {( ~! B/ ]& v% Z" o* u% ^- <div id = "computed_props{$v['id']}">
5 a; x7 ~' [8 s& ^" U4 c+ X - <input style="width:50px;" type = "text" v-model = "kilometers" placeholder="20" >7 P6 Z! l5 W0 M: w
- <a class="btn btn-xs btn-info" style="display:inline-block;" v-bind:href="url" >修改比例为{{meters}}</a>
' j/ P4 ]" n: e' m - </div>
复制代码 vue.js
) ?3 C; N, c2 L( _ h- O }- <script type = "text/javascript">- F k* o) d. O; v
- % O3 s$ E4 k, B1 q' }6 h5 |
- var ids = <?=$v['id']?>;
9 b+ e3 [1 ~8 T+ Y2 s& B# ^6 C, b - var shop_xjcbl = <?=$v['shop_xjcbl']?>;
3 K) S2 f2 R) \% \) [- @ o* ~! h- n - / g; \: ]6 n" V8 G7 P& K7 ]. U; y- J, u
- var vm = new Vue({
4 \5 ]3 U& z; L: l l% u/ i$ m - el: '#computed_props'+<?=$v['id']?>,
4 N& s- M6 D6 ?- P" Z# b) q - data: {, x2 Q/ J( r9 }- r1 U
- kilometers : <?=$v['shop_xjcbl']?>,2 d# q2 `/ M$ ^5 v( z% f
- meters: <?=$v['shop_xjcbl']?>,5 e& A$ [5 o/ o" U0 l2 w6 V
- id:<?=$v['id']?>,
3 e8 S: h7 c! k7 Y$ a4 b5 v* m: t O - url:'/nc.php?s=/goods/xiugaibili/id/'+ids+'/shop_xjcbl/'+shop_xjcbl+'.html',1 }& ~# t7 I- J% n. W
- },
) D7 y7 D- B$ B: B, y - methods: {- L8 d3 V8 F& z; {* U
- , U% G, z" N* [0 k+ Z
- },
N/ x- K3 _# H( A8 m, x - computed :{/ ?# c4 D/ x: m4 N3 R2 z
- },
0 Z6 {: o9 ]6 F, o9 m; I - watch : {( l0 [) t E7 e; L: ]+ n
- kilometers:function(val) {# ] b" |% G: r, B! u
- this.kilometers = val;
2 Q3 R7 j# }- D4 c% | - this.meters = val ;" ?) x6 z) g! {
- this.url = '/nc.php?s=/goods/xiugaibili/id/'+this.id+'/shop_xjcbl/'+this.kilometers+'.html';
2 c* r8 k; s7 l+ E* k - },# F( f- C% ^9 B/ S p1 j+ a# q
- meters : function (val) {
$ O- H! \# C* s' C. O: a - this.kilometers = val;: B8 m7 z- N! ?: B
- this.meters = val;. x, y9 q1 q: d5 h
- }, o$ f* x# `+ N% ]! [0 q
- }
7 n" s1 I& k8 f - });
/ M: N) B8 m4 m: r! s4 C* t4 \% u+ V - 6 L; a& o5 D0 P8 }& N/ k6 s$ m( W
" j& } C; k6 w* Y9 D; l- </script>
复制代码
: ]5 w. @0 u* I6 H9 ^# V7 t& y/ d5 X, C5 R
|
|