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-国产软件践行者

[前端框架] 组件方式开发todolist

[复制链接]

2019-8-8 17:24:11 1874 0

admin 发表于 2019-8-8 17:24:11 |阅读模式

admin 楼主

2019-8-8 17:24:11

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

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

x

6 Y- H3 z" ^5 ^1 A, N4 l' f9 u% _' g5 O( C- p/ b2 j
) g/ Q+ [* s2 G$ m* g* |5 V$ Y

3 J) ~$ N3 r% R) d9 l6 y: d$ U; ]<template>
1 n+ u2 U$ o; h3 R5 o) ?  <div id="App">4 h" T8 O0 j9 U. u; b9 T4 J
    <input v-model="inputValue" />) V+ Q% U" ], j3 Q
    <button @click="submit">Submit</button>
: g- N- p) {" u9 K0 R    <ul>) ]; K' N! }3 M
      <todoItem$ |: E: u! J8 a& Y
        v-for="(item,index) in List"
7 B! j3 G  {+ @  z6 ?" c( B+ c9 D        :key="index", L  M6 X1 p* I
        :content="item"/ R8 j" N2 @1 f) X2 a8 E
        :index="index"! }9 ?) |2 r  N7 z
        @delete="handleDelete"
$ L) e9 b* _3 f  C$ S6 M1 r      ></todoItem>+ Q$ Q3 e, m6 M' \) b1 M! M
    </ul>- V$ _' j- b, D. z% A6 S
  </div>- ~, z4 S% N  w& k) ^
</template>
# v, v6 `$ B! W0 W: A- Y8 G  O, o8 P& {, A+ g
<script>
- ]- Q) b, G3 `* g/ ]import todoItem from "@/components/item.vue";6 P; Z; e1 b1 U
" g& O# ?  h% O3 E0 a4 c& X
export default {5 R4 V1 r) m" Q- v( d
  data: function() {
( J, M+ H1 y& X$ s    return {
3 q! k! w/ R9 }: {9 g) p      List: [],
+ i; k4 u# x/ ?' k& ]# q3 G      inputValue: ""# A/ g+ y: ^" S
    };, D0 @! \* S* N% x# x$ T
  },
3 J! G+ b$ P* q" n: S1 g  components: {
8 c7 _' \* P( F2 @    todoItem
7 C+ L4 a3 L5 S  },9 u2 Z+ ?* _3 |6 Q3 ?/ k
  methods: {
, q) O/ R8 p% B5 ?    submit: function() {9 P4 u6 }; _/ P, {
      if (this.inputValue != "") {
6 K# ?4 q/ V& z  p( R. S        this.List.push(this.inputValue);
8 O  y( H' B0 X- Y      }
' @7 K* o6 e: P+ U8 v' F) H' b      this.inputValue = "";
0 D' c* ?* H; C1 `) v' I+ j+ Z  M2 g    },+ F( \& M' }0 A2 {" |- M( p2 ^
    handleDelete: function(index) {
, c9 C" ^! S7 r9 E0 f      this.List.splice(index, 1);
+ s" x  @  I% ~7 j* M3 d# y" M/ s0 h    }
' i& u* B7 S- C1 B% ]2 M  }5 Q$ W$ x4 O5 r% S: p, |
};
6 v7 T# A3 ]: B) _6 c</script>
9 t" \. R* i& s  ^
9 ^' O( S3 m5 Z
5 Q% j1 A5 \& q# d# |- ?

9 O( V0 Q+ J& V6 g: H+ K. q4 b/ ]
  }  L0 h: j4 ~2 U; _% P3 |; o- B
( v1 N9 O; t$ L5 `* E' A. z* U2 `5 @* ?) B2 |" G
& }# N  D8 |) h3 V3 G& {
<template>
+ Q4 E1 P1 |  ^  <li @click="deleteItem">{{content}}</li>3 E. N5 J& I" |3 v
</template>
  s0 q; d% A) r$ p8 T% B2 L4 y# S% s; ~  i) N$ a
<script>
: x/ Y; U8 @# V3 P" _5 Sexport default {: u0 k1 [. s+ h# J
  props: ["content", "index"],5 H) M$ H  \, L: u( O% N
  data: function() {
( f; I! x' z2 v! B. |- h    return {};
/ M2 t7 `* G6 s) |% m. F' V  },7 K. Y2 L3 @6 f
  methods: {
2 o- q, a" `& A0 C' m    deleteItem: function() {
( N. c$ `5 ], Z0 P$ B* |      this.$emit("delete", this.index);
, v" W( M' y2 `! l4 [' o" L: Q    }
% u" d7 Y0 Z" B4 W% U6 e  }
2 _* ]: K( I7 u- \};
* Q$ ^) k* C1 j/ i9 p* w$ n/ Y</script>+ O8 V/ r5 S; b" }

2 \0 ?' L0 H: l  k4 ]6 a: v& O6 C! z% n

7 Q! ]7 y- F5 t. B1 O
9 n% @0 K* e" o5 Z4 P( L
上海点团信息科技有限公司,承接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二次开发专题模块培训报名开始啦

    我知道了