vue搭建的网页项目,引入了element组件,但是只有一个代码块却出现了两个同样的控件

这是在vue文件中引入的element代码块:

<template>
  <div class="publish_container">
    <el-card class="box-card">
        <div slot="header" class="clearfix">
          <!-- 面包屑 -->
          <el-breadcrumb separator-class="el-icon-arrow-right">
              <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
              <el-breadcrumb-item>发布文章</el-breadcrumb-item>
          </el-breadcrumb>
          <el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>
        </div>

          <el-form ref="form" :model="form" label-width="50px">
              <el-form-item label="标题">
                <el-input v-model="article.title"></el-input>
              </el-form-item>
              <el-form-item label="内容">
              <el-input type="textarea" v-model="article.content"></el-input>
              </el-form-item>
              <el-form-item label="封面">
                <el-radio-group v-model="form.resource">
                  <el-radio label="单图"></el-radio>
                  <el-radio label="三图"></el-radio>
                  <el-radio label="无图"></el-radio>
                  <el-radio label="自动"></el-radio>
                </el-radio-group>
              </el-form-item>
              <el-form-item label="频道">
                <el-select v-model="form.region" placeholder="请选择频道">
                  <el-option label="区域一" value="shanghai"></el-option>
                  <el-option label="区域二" value="beijing"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item>
                <el-button type="primary" @click="onSubmit">发表</el-button>
                <el-button>存入草稿</el-button>
              </el-form-item>
          </el-form>
        
    </el-card>
  </div>
</template>


这是在网页上展示的效果图:
在这里插入图片描述
有大哥能帮忙看看嘛,万分感谢!!!!

页面路由都是基于layout这个路由下面的

{
    path:'/',
    // 有默认子路由的时候,不需要给父路由起名字
    // name:'',
    component:Layout,
    children:[
      {
        path:'', //path为空会默认作为子路由
        name:'home',
        component:Home
      },
         //内容管理页面路由
      {
        path:'/content_admin',
        name:'content_admin',
        component:ContentAdmin
      },
         //素材管理页面路由
      {
        path:'/material_admin',
        name:'material_admin',
        component:MaterialAdmin
      },
         //发布文章页面路由
      {
        path:'/publish_art',
        name:'publist_art',
        component:PublishArt
      },
         //评论管理页面路由
      {
        path:'/comment_admin',
        name:'comment_admin',
        component:CommentAdmin
      },
         //粉丝管理页面路由
      {
        path:'/fans_admin',
        name:'fans_admin',
        component:FansAdmin
      },
         //个人设置页面路由
      {
        path:'/person_setting',
        name:'person_setting',
        component:PersonSetting
      }


    ]
   },
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值