在自定义模块中，实现vue的动态组件添加模块

1.html:先在vue中做一个简单的选项卡效果。并把每个tab项都分成一个组件放起来。如下：2.js部分：引入各个组件，并且实例化组件创建一个items数组。并在绑定的toggleTab事件中，根据点击事件来追加组件并添加到内容中。赋值给component效果如下：实现了组件的动态添加。可以动态添加多个相同和不同的组件放到一起。具体的html内容和样式自己来写。大...

明年今日呀呀呀呀

3208人浏览 · 2019-11-29 14:57:16

明年今日呀呀呀呀 · 2019-11-29 14:57:16 发布

1.html:先在vue中做一个简单的选项卡效果。并把每个tab项都分成一个组件放起来。如下：

2.js部分：引入各个组件，并且实例化组件

创建一个items数组。并在绑定的toggleTab事件中，根据点击事件来追加组件并添加到内容中。赋值给component

效果如下：实现了组件的动态添加。可以动态添加多个相同和不同的组件放到一起。

具体的html内容和样式自己来写。大体的框架就是上面的内容。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^