PLM之家精品课程培训

PLM之家精品课程培训

联系电话:18301858168   |   QQ咨询:939801026
NX二次开发培训

NX二次开发培训

UFUN/NXOpen C++和实战案例

适合初级入门或想深入了解二次开发的工程师,本培训结合ufun,NXOpen C++,大量的实例及官方内部的开发技术。
公众号二维码

关注公众号

点击扫描二维码免费在线高清教程

课程详情
Catia二次开发培训

Catia二次开发培训

市场需求大,掌握核心技术前景广阔

Catia二次开发的市场需求大,人才稀缺。掌握开发技能潜力巨大,随着经验积累将在汽车、航空等领域有所作为。
B站二维码

在线原创B站视频

点击关注工业软件传道士主页

课程详情
Teamcenter培训

Teamcenter培训

全方位培训,从基础应用到高级开发全覆盖

涵盖用户应用基础培训、管理员基础培训、管理员高级培训及二次开发培训等全方位内容,由多年经验讲师打造。
QQ群二维码

加入同行交流

点击扫描二维码加入QQ群

课程详情
×

PLM之家plmhome公众号

课程涵盖: PLM之家所有原创视频

×

关注B站视频

所有高清视频一览无余,全部在线播放学习

×

加入PLM之家QQ群

同行交流,疑问解答,更多互助

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

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

[复制链接]

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

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

admin 楼主

2019-8-7 09:56:07

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

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

x
$ x. g* D) ^' Y7 G

1 o/ z9 z# `) X! B' I# X) \: o6 C( Q. X* y
<!DOCTYPE html>' D; t1 `! v- d0 C
<html lang="en">) x/ V% o7 o* ?6 i& K
    <head>
6 z/ }  `+ D' p+ v        <meta charset="UTF-8">
  {3 X' ~& I+ t0 j! D        <title>Vue JS V-show, v-for,v-if</title>
7 C' @7 n2 m6 [) C) ]  J4 J        <script src='./vue.js'></script>- s$ k' e' k% j: ^9 T
    </head>) l. P# z+ K  F
    <body>
. ]7 i$ k, f0 u) f        <div id="root">! g& j* ~9 x4 ~* }5 s; B
            <!-- v-if delete the dom. ]$ m; Q8 n0 V: o5 N
            v-show just set the display:none -->9 f# W2 Z/ ^! I- k( H6 G
           <div v-if="show">hello plmhome</div>( ], K! P, a* a. W0 F' V& d
           <button @click="toggle">toggle to display</button>: ]; r' i! B3 D. N* V% u( ~! t
, C+ K1 a8 h6 w
           <ul>
0 G) {7 m, j5 `6 M4 @                <li v-for="(item,index) in list" :key="index">{{item}}</li>
6 N- C* N5 l- v            </ul>
% c7 R) a2 L7 `! S& T% U
2 y9 {+ i2 P# W- Z  T        </div>
5 n; G9 h* W/ }% t. y" s3 B
& h, l' _5 V* e8 s
- B! ^; D+ N! |        <script>
  Y3 ~* l- i7 y        new Vue({/ L4 f7 K0 ~$ F  o
            el: "#root",2 H/ W( f& x# \* l# _2 D; ~
            data:{- M7 b- s! t) a/ ?) C( d, N* o4 H
                show: true,3 }3 J0 W; ]3 p+ u/ W
                list:['plm','home','I','love','you']
+ W: ^& \6 _. P3 [            },
* Z* Z9 ~4 Q6 _8 ^            methods:{
. q! \8 G5 ?9 U7 i$ q( ~               toggle:function(){" g$ H: a$ v1 w- P" n5 T& p
                   this.show = !this.show;
+ R6 T9 H0 l5 ]- y7 K0 c; |               }/ _; ]& [0 C5 ^1 `+ ?7 k4 p
            }5 `$ Q( U7 s5 \' m! |8 F: h# o
        })0 X* x# x1 S% Q
        </script>
+ m* \5 U. y; L  d    </body>
. \2 i) e3 j8 l& ?4 a</html>
" g. U( h$ z1 E& g, Q2 Q
  M5 _+ d7 g2 W1 l  h( ^

7 u0 Q" ]" U4 O" t. o( w' `) \
上海点团信息科技有限公司,承接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二次开发专题模块培训报名开始啦

    我知道了