管理员
论坛积分
分
威望 点
贡献值 个
金币 枚
|
php-html% |" K: N* F* f3 C% X F4 ~
- <div id = "computed_props{$v['id']}">
8 ?& f3 l% H' \/ r7 k( O - <input style="width:50px;" type = "text" v-model = "kilometers" placeholder="20" >
, b) O* M5 X: m% `9 g - <a class="btn btn-xs btn-info" style="display:inline-block;" v-bind:href="url" >修改比例为{{meters}}</a>& O: \, a8 j- _7 X, d! j; J
- </div>
复制代码 vue.js
$ V& B: D( l9 N% b/ j- <script type = "text/javascript">4 |/ j# p4 \0 R3 g g& l$ V8 W
- Q2 I/ c9 U/ g+ C8 p
- var ids = <?=$v['id']?>;
/ b: O) u& s- Q, o6 E - var shop_xjcbl = <?=$v['shop_xjcbl']?>;
: n. F; w( ?! l0 q -
0 e; Q" i2 P& X - var vm = new Vue({" F8 g5 x, ?% l6 U$ ?+ J3 {0 V
- el: '#computed_props'+<?=$v['id']?>,
: O& r# t4 G- ^& J5 v - data: {
a# G& q2 D3 y& b# U. x4 V5 i$ L7 i - kilometers : <?=$v['shop_xjcbl']?>,
: w" \7 n" L% Z% E! \- `4 { Y" Y - meters: <?=$v['shop_xjcbl']?>,: I a5 h7 i, I3 Q
- id:<?=$v['id']?>,; F+ n7 I% |9 a7 Q6 d' ~- W
- url:'/nc.php?s=/goods/xiugaibili/id/'+ids+'/shop_xjcbl/'+shop_xjcbl+'.html',! G! |( K( M+ Y! I
- },
5 W% P! _% K. R' V* d. y# N6 v - methods: {
+ @! Q6 Y9 y! Z0 P4 L4 l - ( x$ t) U; O/ T* n
- },
; f% C7 L$ ~5 ^& O7 i) W6 M - computed :{
( F5 }; N4 y8 u: F" D - },6 Q5 L0 K6 L5 z l& e
- watch : {
6 l; @# {6 N5 X7 Y; A - kilometers:function(val) { v. E, k+ V: ?
- this.kilometers = val;8 h( o7 c# O/ X" P, |$ t, V* q$ [
- this.meters = val ;
" Y8 M! [- ^) t { - this.url = '/nc.php?s=/goods/xiugaibili/id/'+this.id+'/shop_xjcbl/'+this.kilometers+'.html';
8 x- c' }: Q, F0 G- B7 K - },5 L$ M2 O9 o! o) w
- meters : function (val) {- w9 y* `$ r# a" N+ ]1 q/ e
- this.kilometers = val;) a: O4 o: j# E3 G# z
- this.meters = val;
% U a) D- b/ }! ]7 o8 [& K' | - }
( m+ N% W1 F( ~ - }
8 w/ D5 m( `4 G- I6 H - });
2 H- s7 e6 E! g+ o6 v( C, a - ) A1 H7 V, { G" v+ e# b
- 4 b* Y. i& a( ?# M* K
- </script>
复制代码
1 g! h) J5 }$ V. a# Q, N1 Q5 S5 \# d" u
|
|