主要功能需求点:
目前创新互联已为上千多家的企业提供了网站建设、域名、虚拟主机、网站托管、服务器租用、企业网站设计、临西网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。效果图:
代码:
父组件代码(去除了css样式代码):
<template> <div class="home"> <div class="container"> <div class="addZujian"> <div> <span>组件库</span> <span >点击使用</span> </div> <div class="zujianBtn" @click="zujian">添加组件1</div> <div class="zujianBtn" @click="zujian2">添加组件2</div> </div> <div class="zujianContent"> <div>组件展示区</div> <!-- Vue提供了 component ,来展示对应名称的组件 --> <!-- component 是一个占位符, :is 属性,可以用来指定要展示的组件的名称 --> <component v-for="(item,index) in comName" :is="item.name" :key="index" @func="getContent(index)" ></component> </div> </div> </div> </template> <script> // 引入子组件 import zujian1 from "./zujian"; import zujian2 from "./zujian2"; export default { data() { return { comName: [] }; }, components: { zujian1, zujian2 }, methods: { // 添加组件1 zujian() { this.comName.push({ name: "zujian1" }); }, // 添加组件2 zujian2() { this.comName.push({ name: "zujian2" }); }, // 删除组件 getContent(index) { this.comName.splice(index, 1); } } }; </script>
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
网站栏目:vue点击按钮动态创建与删除组件功能-创新互联
文章路径:https://www.cdcxhl.com/article22/cssojc.html
成都网站建设公司_创新互联,为您提供企业网站制作、用户体验、电子商务、外贸建站、手机网站建设、网页设计公司
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联