如何循环生成Element中的标签控件

 时间:2024-10-13 12:37:31

1、第一步,打开HBuilderX开发工具,vue项目新建vue文件;输入文件名称,然后点击创建

如何循环生成Element中的标签控件

2、第二步,打开新建的vue文件,插入el-tag标签,并添加v-for,绑定循环变量

如何循环生成Element中的标签控件

3、第三步,在script标签中,初始化循环变量,设置type和显示内容

如何循环生成Element中的标签控件

4、第四步,打开vue项目配置页面路由文件,导入组件并配置路由

如何循环生成Element中的标签控件

5、第五步,保存代码并启动项目,打开浏览器,访问界面;结果出现了报错

如何循环生成Element中的标签控件

6、第六步,返回编辑器,检查代码,发现循环变量不对应;修改后保存代码,刷新浏览器,可以看到生成的多个标签

如何循环生成Element中的标签控件
  • JS中如何删除选中复选框的行
  • vs2010-vb 教程 按钮与编辑框
  • c#如何设置button鼠标悬浮样式
  • 怎么将jquery获取的值放到input的里面
  • VB如何取消listbox控件焦点
  • 热门搜索
    空间说说大全 请假条怎么写范文 诺基亚手机大全 老舍简介 2345软件大全 我的世界绊线钩怎么用 好看的手抄报图片大全 冬天手脚冰凉是怎么回事 倪萍简历及个人资料简介 樊振东个人资料简介