分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 软件开发

关于在vuejs中动态加载不确定数量和内容的组件的解决方案

发布时间:2023-09-06 01:29责任编辑:傅花花关键词:jsvuejs组件

在做一个门户项目的时候,客户要求需要进行私人化定制,每个人进入首页的时候可以自定义首页显示的版块

要在4.50个组件中显示随机N个组件按照每个人选定的顺序排列。需求说完了,接下来说说解决方案:

 html:

<div id="app"> ?<component :is="item" v-for="item in items" :key="item"></component></div>

 js:

const A = { template: ‘<div>A</div>‘ }const B = { template: ‘<div>B</div>‘ }const C = { template: ‘<div>C</div>‘ }const D = { template: ‘<div>D</div>‘ }new Vue({ ?????el: ‘#app‘, ?????data: { ?????????items: [A,B,D] ?????}, ?????components: { ?????????A, B, C, D, E ?????}}) ???

 齐活了,这样就只会显示A,B,D三个组件,而C组件不会显示,且顺序也是按照数组顺序。具体实现效果还没验证,但应该在不久的以后。

关于在vuejs中动态加载不确定数量和内容的组件的解决方案

原文地址:http://www.cnblogs.com/syll/p/8000188.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved