管理员
   
论坛积分
分
威望 点
贡献值 个
金币 枚
|
php-html
5 Y- Q5 u9 Y/ ^% o r0 ^- <div id = "computed_props{$v['id']}">
3 x- c0 i4 Y5 F5 Q - <input style="width:50px;" type = "text" v-model = "kilometers" placeholder="20" >8 t: {: U0 O+ h( I$ m- j
- <a class="btn btn-xs btn-info" style="display:inline-block;" v-bind:href="url" >修改比例为{{meters}}</a>$ [ q5 R- I1 ^- W* }0 |
- </div>
复制代码 vue.js
9 n$ m9 W) [% Z& X F0 i+ b- <script type = "text/javascript">/ B; U& R3 k$ f2 Y' W
- 8 I: g2 C4 b6 g. F" s
- var ids = <?=$v['id']?>;
, b3 {+ c! L& s0 Q3 ^& e - var shop_xjcbl = <?=$v['shop_xjcbl']?>;+ t- X- Q. ^/ @: j
-
0 U% f0 R. X' U% S+ N# q5 k7 I - var vm = new Vue({
! X+ T+ I& v% g r( ^$ v3 m" k - el: '#computed_props'+<?=$v['id']?>,
; f& _+ H8 |( \- O8 o3 X# ~ - data: {
" A$ t; e+ v* D7 P/ k+ u - kilometers : <?=$v['shop_xjcbl']?>,
3 h5 |- C$ G' V( W) g - meters: <?=$v['shop_xjcbl']?>,- t r/ d7 ?+ R6 i+ p
- id:<?=$v['id']?>,
( ~- G* F- C; }) R- p - url:'/nc.php?s=/goods/xiugaibili/id/'+ids+'/shop_xjcbl/'+shop_xjcbl+'.html', `- z- n# K1 `7 n! t, Y
- },$ w# R* O- ^. _$ ?; H
- methods: {
4 }. w7 @" _& y& m! u - 2 R2 C+ R! y$ y% d
- },% y* P, j- H* h) a1 w/ x1 i3 X- e
- computed :{4 G+ n* \5 c* |; o
- },! E6 v c, j9 `2 l& X" Q$ [1 f8 J7 ?
- watch : {7 s7 L: s1 A9 Q9 n
- kilometers:function(val) {
4 S! e) H) A8 l4 L- E - this.kilometers = val;
' q4 |/ C- R, P" W - this.meters = val ;5 @" C% u! C2 p; l- Q. ]7 r
- this.url = '/nc.php?s=/goods/xiugaibili/id/'+this.id+'/shop_xjcbl/'+this.kilometers+'.html';! J3 K/ E) o8 a+ p; k
- },
3 x3 @ U- P+ I* t+ x5 x9 H" | - meters : function (val) { X; h) F; |/ V7 w( h6 |
- this.kilometers = val;
+ ~% a2 B. F* l% d5 c- x) Y - this.meters = val;/ O# Y+ D" r* n* \
- }
3 B' X5 {/ Z( i0 N - }
/ x. V+ n' ]& e - });; B; p* z$ i/ j3 N
- ( E/ g m2 \4 Z7 e1 n9 {9 V, ?
- ( w x, U" ?* U& H% C5 e
- </script>
复制代码 % T/ ~9 m, {5 s0 U
; z5 n* J! K. u; w |
|