会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132603个问题
WEB前端全系列/第二十阶段:Vue2企业级项目(旧)/易购商品后台管理系统 46楼
WEB前端全系列/第二十阶段:Vue2企业级项目(旧)/疫情动态实时播报 47楼

first-demo.zip

ll老师为什么项目已启动的时候会在下面多渲染一部分头部内容呢

image.png

WEB前端全系列/第二十阶段:Vue2企业级项目(旧)/易购商品后台管理系统 48楼
WEB前端全系列/第二十阶段:Vue2企业级项目(旧)/易购商品后台管理系统 49楼
WEB前端全系列/第二十阶段:Vue2企业级项目(旧)/易购商品后台管理系统 50楼

first-demo.zip

为什么我使用element会报错

image.png

WEB前端全系列/第二十阶段:Vue2企业级项目(旧)/易购商品后台管理系统 51楼

<template>
  <div>
    <div class="banner">用户登录注册</div>
    <el-card class="box-card">
      <el-tabs stretch v-model="activeName" @tab-click="clickHandle">
        <el-tab-pane label="登录" name="login">
          <el-form
            :model="loginForm"
            status-icon
            ref="loginForm"
          >
            <el-form-item label="账号" >
              <el-input type="text" v-model="loginForm.username" ></el-input>
            </el-form-item>
             <el-form-item label="账号" >
              <el-input type="password" v-model="loginForm.password" ></el-input>
            </el-form-item>
           
          </el-form>
        </el-tab-pane>
        <el-tab-pane label="注册" name="register">注册账号</el-tab-pane>
      </el-tabs>
    </el-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeName: "",
      loginForm: {
        username: "",
        password: ""
      }
    };
  },
  methods: {
    clickHandle(tab, event) {
      console.log(tab, event);
    }
  }
};
</script>

<style scoped>
.banner {
  font: 30px;
  margin-top: 100px;
}
.box-card {
  margin: 0 auto;
  margin-top: 20px;
  width: 600px;
}
</style>

老师我表单为啥不显示  没报错啊

image.png

image.png

WEB前端全系列/第二十阶段:Vue2企业级项目(旧)/易购商品后台管理系统 53楼

demo.zip

为什么我引入vant之后会报这样的错?都是按老师步骤来的啊

image.png

WEB前端全系列/第二十阶段:Vue2企业级项目(旧)/疫情动态实时播报 54楼
WEB前端全系列/第二十阶段:Vue2企业级项目(旧)/疫情动态实时播报 55楼
WEB前端全系列/第二十阶段:Vue2企业级项目(旧)/疫情动态实时播报 56楼
WEB前端全系列/第二十阶段:Vue2企业级项目(旧)/疫情动态实时播报 57楼

image.png

WEB前端全系列/第二十阶段:Vue2企业级项目(旧)/易购商品后台管理系统 58楼
WEB前端全系列/第二十阶段:Vue2企业级项目(旧)/易购商品后台管理系统 59楼
WEB前端全系列/第二十阶段:Vue2企业级项目(旧)/疫情动态实时播报 60楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637