PLM之家精品课程培训,联系电话:18301858168 QQ: 939801026

  • NX二次开培训

    NX二次开培训

    适合初级入门或想深入了解二次开发的工程师,本培训结合ufun,NXOpen C++,大量的实例及官方内部的开发技术对于老鸟也值得借鉴!.

    NX CAM二次开发培训报名 NX二次开发基础培训报名
  • PLM之家Catia CAA二次开发培训

    Catia二次开发培训

    Catia二次开发的市场大,这方面开发人才少,难度大。所以只要你掌握了开发,那么潜力巨大,随着时间的积累,你必将有所用武之地!

  • PLM之Teamcenter最佳学习方案

    Teamcenter培训

    用户应用基础培训,管理员基础培训,管理员高级培训,二次开发培训应有尽有,只要你感兴趣肯学习,专业多年经验大师级打造!

  • PLM之Tecnomatix制造领域培训

    Tecnomatix培训

    想了解制造领域数字化吗?想了解工厂,生产线设计吗?数字化双胞胎,工业4.0吗?我们的课程虚位以待!

PLM之家PLMHome-国产软件践行者

[前端框架] VueJs V-show,v-if and v-for

[复制链接]

2019-8-7 09:56:07 1818 0

admin 发表于 2019-8-7 09:56:07 |阅读模式

admin 楼主

2019-8-7 09:56:07

请使用QQ关联注册PLM之家,学习更多关于内容,更多精彩原创视频供你学习!

您需要 登录 才可以下载或查看,没有账号?注册

x

; @& z3 B7 M; p: e) D$ g1 x& g2 u
' {4 }- l- F" T: l7 r! x/ p  Z& `5 ^! _8 t! E% D% w; {+ u
<!DOCTYPE html>
" g' h; H% y5 C: ?  X) ~% T<html lang="en">& I, c/ ?$ \) I1 ~1 K
    <head>  A$ i) i0 i- m: f! [
        <meta charset="UTF-8">% _. _6 E% q* q1 A% U# z9 u
        <title>Vue JS V-show, v-for,v-if</title>
5 n& q$ W/ G: }+ ~) a* e( x% f        <script src='./vue.js'></script>" u% y: M& E- _  X+ w4 e
    </head>
9 ~) s& e' r" l# z0 o2 T% l: G# S    <body>
' U, Q3 B0 c7 P  P) U        <div id="root">
# x, o$ v7 A: k, j. }, A2 g# }            <!-- v-if delete the dom) ?- o+ Q+ J9 A! k5 H
            v-show just set the display:none -->
, V! n$ Q* e) o           <div v-if="show">hello plmhome</div>
0 A5 r4 g0 b& \: ?           <button @click="toggle">toggle to display</button>/ Y. b* I4 e6 O1 ^9 \* @

  \/ @" u3 F% |) x, z: D/ b( `. N; |           <ul>
/ U- F9 Z. x* K; [4 K4 x2 {* d- r                <li v-for="(item,index) in list" :key="index">{{item}}</li>6 m1 r. w+ w2 M  Q
            </ul>( e) q) g! s- x  H+ l6 w! x

0 [  w  z* ^: p% d/ r        </div>7 A8 ]3 L- R: b) c

' ~5 Y3 F4 |( V; b' m  B* p9 l' ^- l% a# D1 o8 p
        <script>
2 s+ v. V2 A) I  i        new Vue({
* K% Q2 p1 `( C            el: "#root",# F. y# h" v# E( i
            data:{) \' R0 v! v5 S4 T' \% i- d/ |
                show: true,* h" X  d0 a6 u1 O% x. O
                list:['plm','home','I','love','you']
( F/ F, h2 }  b$ o% ]            },
7 i: @* e! j3 L, U* S3 f; Y  Q            methods:{
+ ^7 ]& q- i3 G6 l" t: C: |6 P5 O               toggle:function(){
; y6 ?/ e1 I( q% t, K9 U. q4 B3 U                   this.show = !this.show;
  k- K3 E5 l& V3 P# \* d2 V7 V; N% j               }
) [6 k  p; y6 `  a& B% V            }
( m  E- ]4 u- ~5 A5 |        })
7 B/ R1 N8 M4 c& j) V3 A        </script>
- T7 Q) |3 G, S5 s    </body>
6 u6 _6 ]. P1 W/ V8 D5 N</html>8 Q. |! A, b5 J9 w! l. l/ T
0 x; Y. C+ a/ n/ |, R3 j% k- N* ]$ K

8 d% B5 w& l) }: r
上海点团信息科技有限公司,承接UG NX,CATIA,CREO,Solidworks 等CAx软件,Teamcenter,3D Experience等PLM软件,工业4.0数字化软件的实施\二次开发\培训相关业务,详情QQ 939801026 Tel 18301858168 网址 www.diantuankj.com/ doTeam.tech
回复

使用道具 举报

发表回复

您需要登录后才可以回帖 登录 | 注册

返回列表 本版积分规则

  • 发布新帖

  • 在线客服

  • 微信

  • 客户端

  • 返回顶部

  • x
    温馨提示

    本网站(plmhome.com)为PLM之家工业软件学习官网站

    展示的视频材料全部免费,需要高清和特殊技术支持请联系 QQ: 939801026

    PLM之家NX CAM二次开发专题模块培训报名开始啦

    我知道了