管理员
论坛积分
分
威望 点
贡献值 个
金币 枚
|
php-html' v0 J% S% c. E! p7 d
- <div id = "computed_props{$v['id']}">+ E1 M% Y/ b. I [6 J
- <input style="width:50px;" type = "text" v-model = "kilometers" placeholder="20" >
8 l9 S0 D" G* Z& W4 ]. L - <a class="btn btn-xs btn-info" style="display:inline-block;" v-bind:href="url" >修改比例为{{meters}}</a>- w2 t4 R6 _! ^0 y$ C
- </div>
复制代码 vue.js' k) g: r4 [9 X% n3 ^* N' V
- <script type = "text/javascript">0 P2 Z0 x c$ O& _% V
- ' p8 Z3 t0 T/ L) Q3 a
- var ids = <?=$v['id']?>;
' w. N* ~1 g1 k - var shop_xjcbl = <?=$v['shop_xjcbl']?>;5 W' S- s- O0 d' i# A
-
1 b, @) V& f5 j/ X( e4 f3 E - var vm = new Vue({
- {6 P, c; o4 Z3 T: s' m - el: '#computed_props'+<?=$v['id']?>,
" }5 E# t; ~) C2 E - data: {$ E, v1 k1 i0 W- G
- kilometers : <?=$v['shop_xjcbl']?>,) F5 ^! s$ I' F1 V) z% h" Z
- meters: <?=$v['shop_xjcbl']?>,. Y4 z# R+ L; U" m9 V! a
- id:<?=$v['id']?>,8 W& ]; R0 J( G' V6 B P( t
- url:'/nc.php?s=/goods/xiugaibili/id/'+ids+'/shop_xjcbl/'+shop_xjcbl+'.html',! g3 F0 d% D5 ?- Z* ^& }
- },4 J2 [" a% y9 b; w) }
- methods: {- ]1 x; l5 d6 H% g1 Z
-
% m; j4 O( c: F - },
. \ y) C8 I; N- n$ S- ` - computed :{2 d7 m" a* L+ l
- },
6 f, e4 {, u4 A$ A! K0 i - watch : {$ H4 n- e! M8 R, R
- kilometers:function(val) {
b* d/ a7 u* s9 N - this.kilometers = val;! z1 X9 v5 j( j- H
- this.meters = val ;7 D9 K r- h+ Y
- this.url = '/nc.php?s=/goods/xiugaibili/id/'+this.id+'/shop_xjcbl/'+this.kilometers+'.html';! H0 Z# X3 B& M- ]+ J; L# m
- },
K; b! h: E6 I" g. U - meters : function (val) {% N t2 Y+ D& F* n5 V
- this.kilometers = val;
% p2 m1 t6 q( z* V" | - this.meters = val;$ l5 Q# w0 y7 f6 a4 G; r
- }8 ]' q; t" q- E
- }
. O h2 V- `( _) }, O - });. U- I6 E# @7 i7 R1 B. a3 ~. F- `' b
% h, f' F6 _0 X. r/ o- ' M$ ]# x0 i6 J5 q
- </script>
复制代码 ' S* ~/ N: ]9 Z5 u0 ~# U8 _
6 B$ c$ }5 D' V9 }1 T |
|