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 1931 0

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

admin 楼主

2019-8-7 09:56:07

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

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

x

  r- }5 [& L2 |: s% ]- p
* T6 x: z3 ?% l) d' d" e, W) o
# J9 r5 n7 h4 w0 D& r, o8 U5 u<!DOCTYPE html>
, ~' t4 s. U" a  P3 }$ w0 b<html lang="en">* v3 [8 D8 U( n1 O+ F) }& }
    <head>* F% p) v  N) K5 v9 {
        <meta charset="UTF-8">
" W/ Y5 W2 H9 ?        <title>Vue JS V-show, v-for,v-if</title>! i5 z1 G- u7 o  F9 J2 ]
        <script src='./vue.js'></script>4 w7 c; T( b: R; j& K6 ?8 I3 {* x
    </head>2 R) ]8 o' A$ _9 z! Q- [) r  J+ B
    <body>% i3 c! L0 R' i- j
        <div id="root">
* ?! E4 W; E" W# n, o; c( v: O! g            <!-- v-if delete the dom
8 \8 V1 C  |3 {4 v3 ^8 y8 i8 Y! T7 ?            v-show just set the display:none -->4 f% b+ |. G! u% |8 r7 I
           <div v-if="show">hello plmhome</div>7 B8 }6 J6 {. j8 s* {, ^5 U2 U
           <button @click="toggle">toggle to display</button>! k/ r  J) m( P% B
: i) w' ^& y% w2 m4 Q" [
           <ul>
4 Y* n) Q& V: o/ R1 ]& L" `                <li v-for="(item,index) in list" :key="index">{{item}}</li>
4 \! E6 F5 r. T) c  t6 ?            </ul>- s; N( N3 e2 o$ i6 y
) h; S" _0 Y- L  \# H& t* _$ q8 u0 E
        </div>! }* F" ]9 V# G$ U0 a
) @9 R- G9 E7 P! j" i

& _% c4 ^) D8 H6 Z        <script>& Y4 ~( M0 Z: j
        new Vue({
4 W7 u( s4 V3 d% M, |            el: "#root",
/ v" {  e: s4 e: Y            data:{
1 w0 E  X  i5 v0 u# k+ ?) c, g                show: true,
5 W4 g6 k; D: m1 b                list:['plm','home','I','love','you']
3 ?! g3 m- v+ c7 O6 Z9 F5 D7 s4 N4 n            },2 m! s- n7 e2 K$ S/ C: H4 X$ P5 B
            methods:{6 U  Z9 T+ K2 d5 ^
               toggle:function(){: N( Y6 P0 w% ^3 \* k$ T" K
                   this.show = !this.show;( |1 L8 F) q8 K- g% ^
               }
! U& a% M5 V9 L6 R6 a: _' o            }, t; G1 p7 y6 |( L: D2 d* `
        })
% _6 E) r. @7 C$ f  P- e        </script>$ R3 d$ L# H; U  K$ h2 q8 d8 {
    </body>( ~5 a, w" _7 t3 p
</html># \6 O; z+ ~+ S9 q0 e$ r

% u; X, {2 x& m. B
7 n' m+ t* O$ R6 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二次开发专题模块培训报名开始啦

    我知道了