vue + iview 项目 使用Menu组件来切换页面,点击导航切换的时候出现报错

[Vue warn]: Error in beforeDestroy hook: "TypeError: Cannot read property '$parent' of null"
图片说明

1个回答

代码呀……不看代码怎么知道你错在哪,点击事件的代码

shenmeyaonie
shenmeyaonie 回复封印di恶魔: 哈哈哈
5 个月之前 回复
qq_36911145
封印di恶魔 回复shenmeyaonie: →_→ 是吧,和你截图的完全无关
5 个月之前 回复
shenmeyaonie
shenmeyaonie 已经解决了,谢谢你的帮助。三元运算符和if的问题
5 个月之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
vue + iview 项目 使用Menu组件来切换页面,点击导航切换的时候出现报错

[Vue warn]: Error in beforeDestroy hook: "TypeError: Cannot read property '$parent' of null" ![图片说明](https://img-ask.csdn.net/upload/202001/21/1579600847_106938.png)

如何解决vue和iview组件库结合适合时在某些情况下的内存泄漏问题

demo如下 ``` <Button @click="toggle=!toggle">切换显示</Button> <div v-if="toggle"> //这个select是iview提供的组件,非原生select <Select> <Option :lable=“’apple‘” :value="apple"> <Option :lable=“’orange‘” :value="orange"> </Select> </div> ``` 上述代码片段,在多次点击button进行显示隐藏的切换后,页面内存急速升高,不会回落导致浏览器卡死崩溃。 vue官网解释这种情况下需要手动去destory这个组件,翻了下iview文档没有相关的destory方法,有大佬遇到过这样的情况,该怎么解决呢。 补充一下,单纯用上面的demo去试,可能内存升高的不是那么快那么明显,但是页面这样的节点特别多的时候就很明显了。

iview的i-menu双向绑定active-name切换失效

iview的i-menu双向绑定v-model,然后点击其中的一个menu, ![图片说明](https://img-ask.csdn.net/upload/201810/18/1539856934_773219.png) 触发监听事件, ![图片说明](https://img-ask.csdn.net/upload/201810/18/1539856945_194588.png) 但是,当 # 改变的值等于改变之前的值的时候,menu会跳到点击的那个menu ![图片说明](https://img-ask.csdn.net/upload/201810/18/1539856955_335814.png) 但是点击“使用限制”的时候,会跳到“领取设置”, # 需求是:在点击menu的时候,要先进行验证,验证不通过,不能进入到下一个menu

Vue+iview锚点组件使用没有效果,怎么回事?

vue+iview引入锚点组件,官网的介绍太少,不知道怎么回事,一直没办法跳转,这是我的页面代码 ``` <template> <div> <Tabs size="small"> <TabPane label="球队榜"> <div class="teamleft"> <Anchor container=".nba"> <AnchorLink href="#east" title="东部排名" /> <AnchorLink href="#west" title="西部排名" /> </Anchor> </div> <div class="nba"> <div id="east" style="height:30rem;"> 东部排名 </div> <div id="west" style="height:30rem;"> 西部排名 </div> </div> </TabPane> <TabPane label="球员榜">球员榜</TabPane> <TabPane label="新秀榜">新秀榜</TabPane> <TabPane label="日榜">日榜</TabPane> <TabPane label="伤病">伤病</TabPane> <TabPane label="荣誉榜">荣誉榜</TabPane> </Tabs> </div> </template> <script> export default{ data(){ return{ } } } </script> <style scoped> .teamleft{display: block;width: 20%;border-right: 1px solid #e8e8e8;float: left;} .nba{display: block;width: 80%;float: left;position: relative;overflow-y: scroll;} </style> ``` ![图片说明](https://img-ask.csdn.net/upload/201903/13/1552449703_479560.jpg) <Anchor>如果不加container=".nba"可以跳转,但是是整个页面跳,我想实现左边固定,右边随锚点跳转。 第一次提问,万分感谢!

使用iview组件样式没有办法显示出来,求大神解答哪里出了问题

用iview官网上的推荐工程,创建了html页面,引入 <!-- import Vue.js --> <script src="//vuejs.org/js/vue.min.js"></script> <!-- import stylesheet --> <link rel="stylesheet" href="//unpkg.com/iview/dist/styles/iview.css"> <!-- import iView --> <script src="//unpkg.com/iview/dist/iview.min.js"></script> 就是样式出不来。是怎么回事?

vuejs+iview ui路由跳转问题

![绑定的路由](https://img-ask.csdn.net/upload/201803/11/1520733824_242400.gif) 如图片所示,表格的路由为 /tableview/10 ,而表单的路由为 /form ,当点击表格时路由替换错误,只是把/10替换为form.求教. 下面是路由的代码 ![路由的代码](https://img-ask.csdn.net/upload/201803/11/1520733873_524442.png) ![html代码](https://img-ask.csdn.net/upload/201803/11/1520733933_307479.png) ![点击菜单对应的事件](https://img-ask.csdn.net/upload/201803/11/1520733970_809114.png)

VUE-cli3.0 按需导入 iview 中的组件 DatePicker 报错

VUE-cli3.0 按需导入 iview 中的组件 DatePicker 报错,而且只存在DatePicker 和TImePicker两个组件中![图片说明](https://img-ask.csdn.net/upload/201909/30/1569831940_838943.png)![图片说明](https://img-ask.csdn.net/upload/201909/30/1569831955_425651.png)![图片说明](https://img-ask.csdn.net/upload/201909/30/1569831960_166594.png)![图片说明](https://img-ask.csdn.net/upload/201909/30/1569831968_494381.png),浏览器控制台里的fecha是 DatePicker 依赖包里里的变量,写过demo试试 全局导入不会出现问题,只按需导入会出现,有没有大佬知道怎么回事

VUE项目找到某个组件,求大佬指教

第一次看别人的开源项目代码,用的在GitHub上开源的学之思考试系统,想找到管理员端页面的侧边导航栏用在学生端的页面上,该怎么找,求大神指导 ![图片说明](https://img-ask.csdn.net/upload/201911/05/1572926555_74744.png) ![管理员段页面](https://img-ask.csdn.net/upload/201911/05/1572926561_930724.png) ![学生端页面](https://img-ask.csdn.net/upload/201911/05/1572926568_240477.png) ![图片说明](https://img-ask.csdn.net/upload/201911/05/1572935862_909027.png) ![图片说明](https://img-ask.csdn.net/upload/201911/05/1572935875_241350.png)

vue2.0如何指定vue组件渲染到某一个html页面上呢= =

vue小白求教,vue项目创建完毕,都是渲染到index.html页面上的,假如我创建了一个页面page.html,我想把vue组件渲染到page.html页面上,我要怎么改代码呢T T。。。

Vue iview table如何渲染expandRow子表格?

首先,我渲染expandRow是这样的渲染方法——通过render来渲染的: ![图片说明](https://img-ask.csdn.net/upload/201911/30/1575083340_292622.png) 然后,现在碰到的问题是,当我点击行的时候,我想往params.row里面插入数据,**这个数据是要通过接口返回获取的**。 于是,我就把这个请求放在了render里面,然后把return放在请求方法里面。然而,这样做的话,expandRow就不执行渲染了,打debugger也不会跳转到这里,肯定是出bug了... 如果把请求放在外边的话: 1. 都是先执行渲染,才到请求的,所以,数据没有变化... 2. 我担心到时候,点击别的行的话,会干扰到前面点击展示的expandRow数据。 所以,还能有什么办法去解决这个render里面的params赋值和修改值的问题呢?

iview中表格的展开项如何实现点击切换的是不同的内容啊

![图片说明](https://img-ask.csdn.net/upload/201908/14/1565783753_756869.jpg) ![图片说明](https://img-ask.csdn.net/upload/201908/14/1565783765_275948.jpg) 如图: 我的展开项还是一样的内容,不知道怎么切换成不同的内容显示,求大神告知~

vue+iview分页输入页码跳转问题?

这是我得父组件 ``` <template> <div class="table-wrap"> <Table ref="table" :data="arrList" :columns="currColumns" :loading="loading" no-data-text="暂时没有数据" @on-selection-change="handleSelectChange" ></Table> <div class="table-page" v-show="pageable"> <!-- <span>{{ page.currPageSize }}</span> --> <Page :total="page.currTotal" :current="page.currCurrent" show-total show-elevator transfer :page-size-opts="[10,20,30]" @on-page-size-change="pagesizechange" show-sizer placement="top" @on-change="pageChange" > <span style="">共{{ page.currTotal }}条</span> <span>{{ pageNum }} 条 / 页 共{{page.totalPageCount}}页</span> </Page> </div> </div> </template> <script> export default { name: "dtTable", props: { url: String, params: { type: Object, default() { return {}; } }, columns: { type: Array, default() { return []; } }, pageable: { type: Boolean, default: true } }, data() { return { loading: false, currUrl: this.url, currParams: this.params, currColumns: this.columns, arrList: [], page: { currTotal: 0, currCurrent: 1, currPageSize: 10, totalPageCount:1, }, selection: [], pageNum: "", tableResult: "" }; }, watch: { arrList(val) { this.pageNum = val.length; }, params(val) { this.currParams = val; this.getList(); } }, computed: {}, mounted() { this.getList(); }, methods: { getList() { this.selection = []; this.loading = true; var param = Object.assign({}, this.currParams, { pageNo: this.page.currCurrent, pageSize: this.page.currPageSize }); this.$http.post(this.currUrl, param).then(res => { this.loading = false; this.arrList = res.data.list; this.tableResult = res.data; // this.arrList = res.data; if( Number(res.data.totalCount) == "NaN"){ this.page.currTotal = 0; }else{ this.page.currTotal = Number(res.data.totalCount); console.log(this.page.currTotal); this.page.totalPageCount = Number(res.data.totalPageCount); } this.page.currPageSize = Number(res.data.list.length); }); }, pageChange(num) { this.page.currCurrent = num; this.getList(); }, pagesizechange(pageSize){ this.page.currPageSize = pageSize; this.getList(); }, handleSelectChange(selection) { this.selection = selection; }, // 返回选中数组,默认是id getSelect(key = "id") { return this.selection.map(item => item[key]); } }, activated() { // isUseCache为false时才重新刷新获取数据 // 因为对list使用keep-alive来缓存组件,所以默认是会使用缓存数据的 if(!this.$route.meta.isUseCache){ this.arrList = []; // 清空原有数据 this.getList(); // 这是我们获取数据的函数 } }, }; </script> <style lang="less" scoped> .table-wrap { padding: 0px 20px; .table-page { text-align: right; padding: 20px 0px; } } </style> ``` 子组件 ``` <dt-table ref="table" url="/findTShopInfoTies" :params="params" :columns="columns" @on-selection-change="handleSelectChange"></dt-table> ``` 输入页码 ![图片说明](https://img-ask.csdn.net/upload/201911/22/1574388632_791158.png) 不管输入几都变为1

vue项目如何使用render函数写一个类似组件模版的递归组件?

如下是我用emelent-ui组件写的一个导航组件。由于有多个子级菜单,这里使用了递归。 **首先,父组件是如下这样的** ``` <template> <el-menu background-color="#303133" text-color="#C0C4CC" active-text-color="#409EFF" class="el-menu" :collapse="true" > <navs :asideNav="asideNav"></navs> </el-menu> </template> <!-- :collapse="false" --> <script> import Navs from './components/Navs' export default { name: 'AsideNav', components: { Navs }, props: { asideNav: Array } } </script> <style lang="stylus" scoped> .el-menu--collapse>div>.el-menu-item span, .el-menu--collapse>div>.el-submenu>.el-submenu__title span height: 0 width: 0 overflow: hidden visibility: hidden display: inline-block .el-menu--collapse>div>.el-menu-item .el-submenu__icon-arrow, .el-menu--collapse>div>.el-submenu>.el-submenu__title .el-submenu__icon-arrow display: none; .el-menu border: none .el-menu:not(.el-menu--collapse) { width: 200px } ul color: #fff </style> ``` **子组件是如下这样的** ``` <template> <div> <el-submenu v-for="item of asideNav" :key="item.url" :index="item.url" v-if="item.son"> <template slot="title"> <i class="iconfont">{{item.icon}}</i> <span slot="title">{{item.name}}</span> </template> <navs :asideNav="item.son"></navs> // 递归自调用 </el-submenu> <el-menu-item v-else :index="item.url"> <i class="iconfont">{{item.icon}}</i> <span slot="title">{{item.name}}</span> </el-menu-item> </div> </template> <script> import Navs from './Navs' export default { name: 'Navs', components: { Navs }, props: { asideNav: Array // 父组件传递过来的json数据 } } </script> <style lang="stylus" scoped> </style> ``` 以上代码实际上已经解决了我要实现的无限级导航的要求,但有一个小bug。我这样写完以后,由于子组件模版内的根元素必须有一个div,所以导致emelent-ui导航模版在收缩的时候会出现一点点小问题,以至于我必须得修改css才能修正bug。后来想到可以使用render函数来重写一个模版组件、但由于我技术不娴熟,练了两天,只懂个皮毛。写完以后各种报错。 **如下是我用我勤劳的小双手写的带错误的render函数模版** ``` export default { props: { myData: Array }, render(createElement) { let data = this.myData let ret = [] return data.map(item => { if (item.son) { // console.log(item.son) return createElement('el-submenu', { attrs: {index: item.url} }, [ createElement('template', { slot: 'title' }, [ createElement('i', { attrs: {'class': 'iconfont'} }, [item.icon]), createElement('span', { attrs: {slot: 'title'} }, [item.name]) ]) ]) } else { return createElement('el-menu-item', { attrs: {index: item.url} }, [ createElement('i', { attrs: {'class': 'iconfont'} }, [item.icon]), createElement('span', { attrs: {slot: 'title'} }, [item.name]) ]) } }) } } ``` 写完这个控制台抛出了个错误,提示我 ![图片说明](https://img-ask.csdn.net/upload/201908/04/1564919266_485602.png) 归根究底,技术有限,实在是搞的头大,希望大佬根据我写的组件模版,帮我用render函数写一个模版出来。供我学习,参考,使用。感激不尽!!!

vue里面head组件切换下拉框,当前页面刷新数据

我做了一个head的组件,上面有个下拉框,放在了当前的vue文件上,当我切换下拉框的时候,刷新当前页数据,如果不用vuex做的话,该怎么做?请各位大神解答~~

vue项目,在切换路由时内存没有释放,再次切换回原路由或者是其他页面,为什么内存又被释放了?

先说一下环境:vue:2.5.2 vue-router:3.0.1 element-ui:2.13.0 最开始存在三个页面HelloWorld、foo和bar。 分别说一下这两个页面都有什么: HelloWorld页面,有一个请求(会请求一些数据),将请求回来的数据放到data中,并用element-ui的select组件进行展示,另外就是一个跳转至foo页面的按钮,代码如下: ``` <template> <div class="hello"> <el-button @click="getAccountListPage"> page获取科目列表 </el-button> <el-select v-model="activeAcc" placeholder="请选择"> <el-option v-for="item in accountPageList" :key="item.id" :label="item.codeAndName" :value="item.id"> </el-option> </el-select> <el-button @click="goToFoo"> go Foo </el-button> </div> </template> <script> export default { name: 'HelloWorld', data () { return { activeAcc: '', accountPageList: [] } }, methods: { getAccountListPage() { let xmlhttp, that = this; if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 xmlhttp=new XMLHttpRequest(); } else { // IE6, IE5 浏览器执行代码 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { let res = JSON.parse(xmlhttp.response); if(res.result) { that.accountPageList = res.value; } } }; xmlhttp.open("POST","******这里是url*******",true); xmlhttp.setRequestHeader("Content-type","application/json"); xmlhttp.send('{}'); }, goToFoo() { this.$router.push({name: 'foo'}) } }, } </script> <!-- Add "scoped" attribute to limit CSS to this component only --> <style scoped></style> ``` foo页面,很简单,有一个跳转至HelloWorld页面的按钮和一个跳转至bar页面的按钮,代码如下: ``` <template> <div class="foo"> 这是Foo页面 <el-button @click="goToHelloWorld"> go HelloWorld </el-button> <el-button @click="goToBar"> go Bar </el-button> </div> </template> <script> export default { name: 'Foo', data () { return {} }, computed: {}, methods: { goToHelloWorld() { this.$router.push({name: 'HelloWorld'}) }, goToBar() { this.$router.push({name: 'bar'}) } } } </script> <!-- Add "scoped" attribute to limit CSS to this component only --> <style scoped></style> ``` bar页面和foo页面一样,有一个跳转至HelloWorld页面的按钮和一个跳转至foo页面的按钮,代码如下: ``` <template> <div class="bar"> 这是Bar页面 <el-button @click="goToHelloWorld"> go HelloWorld </el-button> <el-button @click="goToFoo"> go Foo </el-button> </div> </template> <script> export default { name: 'Bar', data () { return { } }, computed: {}, methods: { goToHelloWorld() { this.$router.push({name: 'HelloWorld'}) }, goToFoo() { this.$router.push({name: 'foo'}) } }, } </script> <!-- Add "scoped" attribute to limit CSS to this component only --> <style scoped></style> ``` 操作步骤: 1.进入HelloWord页面,不做任何操作,利用chrome浏览器开发者工具中的Performance monitor工具,查看内存使用情况 ![图片说明](https://img-ask.csdn.net/upload/201912/31/1577778311_366832.png) 2.点击按钮获取数据,查看内存 ![图片说明](https://img-ask.csdn.net/upload/201912/31/1577778454_982794.png) 可以看到,js、dom nodes、 js event,都有所增加。 3.跳转至foo页面,查看内存 ![图片说明](https://img-ask.csdn.net/upload/201912/31/1577778614_138117.png) 这时候发现内存占用情况并没有明显变化,也就是说跳转foo页面后,helloword页面的内存并未得到释放。这是问题一。 4.这时候跳转至bar页面,查看内存 ![图片说明](https://img-ask.csdn.net/upload/201912/31/1577778782_257327.png) 可以看到,刚刚存在的内存占用已经被释放了。这是问题二。 上面的截图都是我手动垃圾回收(collect garbage)后的截图。 对于上面出现的两个问题,还请各位大佬解答一下,万分感谢!!!

Vue+iview项目打包后,index.html文件里面修改的内容没有更新

项目框架是Vue+iview的,我需要引入外部js,然后就修改了index.html文件里面的内容,但是打包后的dist包里面的index.html文件还是之前的内容,有大神知道这是什么原因吗? 这是我修改的index.html文件![图片说明](https://img-ask.csdn.net/upload/202002/26/1582716766_950955.png) 这个是我打包后的index.html文件,我添加的jQuery.js并没有更新![图片说明](https://img-ask.csdn.net/upload/202002/26/1582716898_326258.png) 请问是什么原因,感谢!

基于Vue的iview组件,表格多选事件,on-select的返回值怎么接收啊

![基于Vue的iview组件,表格多选事件,on-select的返回值怎么接收啊](https://img-ask.csdn.net/upload/201708/03/1501731864_473126.png)

vue两个导航组件之间传值或者相应的解决办法,在线等求告知。

废话不多说,先把项目截图贴出来。![图片说明](https://img-ask.csdn.net/upload/201902/27/1551231703_57131.png) 这是首页跳转进来之后 Layout组件代码如下。 ```<template> <el-container> <el-aside width="90px"> <layout-nav></layout-nav> </el-aside> <el-container> <el-main> <router-view></router-view> </el-main> </el-container> </el-container> </template> ``` 左侧菜单除了概述的页面不含子菜单,红包和设置页面含红包和设置的子菜单,继承的Layout-main组件, ![图片说明](https://img-ask.csdn.net/upload/201902/27/1551233687_188325.png) Layout-main代码如下 ``` <template> <el-container class="layout-main"> <model-nav></model-nav> <el-main class="layout-container"> <router-view></router-view> </el-main> </el-container> </template> ``` Layout-nav代码如下 ``` <el-menu class="el-menu" default-active="2" :key="i" v-for="(items,i) in this.$router.options.routes" v-if="items.hidden !==true&&items.children[0]"> <el-menu-item v-for="(item,i) in items.children" :index="item.path" :key="i"> <template slot="title"> <router-link :to="item.path"> <i class="el-icon-info"></i> {{item.meta.title}} </router-link> </template> </el-menu-item> </el-menu> ``` 路由文件如下 ``` export default new Router({ routes: [ {path: '/hello', name: 'HelloWorld', component: HelloWorld, hidden: true}, {path: '/login', component: () => import("@/views/login/index"), hidden: true}, {path: '/404', component: () => import("@/views/404"), hidden: true}, { path: "/", component: Layout, redirect: "/dashboard", name: "Layout", meta: {title: "首页"}, children: [ { path: "/dashboard", name: "dashboard", component: () => import("@/views/dashboard/index"), meta: {title: "概述"} }, { path: "/redpack", component: Layoutmain, redirect: "/redpack/index", meta: {title: "红包"}, children: [ {path: 'index', component: () => import("@/views/redpack/index"), meta: {title: "数据统计"}}, { path: 'lgroup', name: 'lgroup', component: () => import("@/views/redpack/lgroup"), meta: {title: "分组管理"} }, { path: 'edit', name: 'edit', component: () => import("@/views/redpack/edit"), meta: {title: "编辑"} }, ] }, { path: "/setting", component: Layoutmain, redirect: "/setting/index", meta: {title: "设置"}, children: [ {path: 'index', component: () => import("@/views/setting/index"), meta: {title: "设置"}}, ] } ] }, ] }) ``` 在Layout-nav中我已经循环遍历出了一级菜单,如何在点击进入一级菜单之后,进入二级菜单时,在model-nav中显示对应的二级菜单呢,路由传值吗?传值我试了把其相应的children传递不成功。小弟初来乍到,求解决方案。 model-nav是另外一个组件,因为我没有获得到数据,无法遍历,代码如下: ``` <template> <el-menu default-active="2" class="left-menu" > <el-menu-item index="1" class="left-menu-head"> 红包 </el-menu-item> <el-menu-item index="2"> <template slot="title"> <router-link to="/redpack/index"> <span>数据统计</span> </router-link> </template> </el-menu-item> <el-menu-item index="3"> <template slot="title"> <router-link to="/redpack/index"> <span>参数设置</span> </router-link> </template> </el-menu-item> <el-menu-item index="4"> <template slot="title"> <router-link to="/redpack/lgroup"> <span>分组管理</span> </router-link> </template> </el-menu-item> <el-menu-item index="5"> <template slot="title"> <router-link to="/user"> <span>批次管理</span> </router-link> </template> </el-menu-item> <el-menu-item index="6"> <template slot="title"> <router-link to="/module"> <span>编码管理</span> </router-link> </template> </el-menu-item> <el-menu-item index="7"> <template slot="title"> <router-link to="/admin/user2"> <span>扫码日志</span> </router-link> </template> </el-menu-item> </el-menu> </template> ```

vue父组件夏多个子组件,子组件分别修改后其他子组件如何同步更新数据?

现在有一个课程为父组件,下面分别有 详情,教师,文件库,章节课时 等子组件。 我获取到课程数据之后父子组建传值给子组件,子组件中数据更新之后其他子组件里面数据依旧是原来数据, 比如我在课时中需要获取到文件库的数据,但是如果先在文件库组件里添加了文件,切换到章节课时 组件中获取的还是原来的组件 我该怎么做? # 代码: ## 父组件: ``` <el-tab-pane label="默认计划设置" name="默认计划设置" :style="contnetn_height"> <el-tabs type="border-card" :value="setupIndex" tab-position="left" class="corse-tabs-info" :style="contnetn_height" @tab-click="setupTab" > <el-tab-pane label="基础信息" name="基础信息" :style="contnetn_height"> <setup :setupData="setupDatas"></setup> </el-tab-pane> <el-tab-pane label="详细信息" name="详细信息" :style="contnetn_height"> <details-setup :setupData="setupDatas"></details-setup> </el-tab-pane> <el-tab-pane label="课程大纲" name="课程大纲" :style="contnetn_height"> <chapter :chapterInfo="chapterInfo"></chapter> <!-- <tree :courseData="courseDatas" v-show="courseDatas"></tree> --> </el-tab-pane> <el-tab-pane label="教师管理" name="教师管理" :style="contnetn_height"> <teachers :teacherData="teacherList"></teachers> </el-tab-pane> <el-tab-pane label="学员管理" name="学员管理" :style="contnetn_height"> <student :studentData="studentData"></student> </el-tab-pane> <el-tab-pane label="试卷批阅" name="试卷批阅" :style="contnetn_height"></el-tab-pane> <el-tab-pane label="作业批阅" name="作业批阅" :style="contnetn_height"></el-tab-pane> <el-tab-pane label="数据预览" name="数据预览" :style="contnetn_height"></el-tab-pane> <el-tab-pane label="订单统计" name="订单统计" :style="contnetn_height"></el-tab-pane> </el-tabs> </el-tab-pane> ``` ## 子组件 获取到父组件数据 ``` props: { teacherData: { type: Object } }, ``` -------------------补充------------- 然后子组件向父组件传值 ``` this.$emit('success',false); ``` ``` <el-tab-pane label="课程文件" name="课程文件" :style="contnetn_height"> <file @success="getCourse"></file> </el-tab-pane> ``` 父组件中的值也更新了,但是其他子组件的值没有变化

vue父组件高度高于子组件?

![图片说明](https://img-ask.csdn.net/upload/201806/01/1527841375_75197.png) vue父组件点击显示子组件,但父组件高度超过视口高度, 所以子组件显示时,会有高度滚动,也就是父组件的高度。 这是样式的问题吗,怎么破??

在中国程序员是青春饭吗?

今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...

程序员请照顾好自己,周末病魔差点一套带走我。

程序员在一个周末的时间,得了重病,差点当场去世,还好及时挽救回来了。

Java基础知识面试题(2020最新版)

文章目录Java概述何为编程什么是Javajdk1.5之后的三大版本JVM、JRE和JDK的关系什么是跨平台性?原理是什么Java语言有哪些特点什么是字节码?采用字节码的最大好处是什么什么是Java程序的主类?应用程序和小程序的主类有何不同?Java应用程序与小程序之间有那些差别?Java和C++的区别Oracle JDK 和 OpenJDK 的对比基础语法数据类型Java有哪些数据类型switc...

和黑客斗争的 6 天!

互联网公司工作,很难避免不和黑客们打交道,我呆过的两家互联网公司,几乎每月每天每分钟都有黑客在公司网站上扫描。有的是寻找 Sql 注入的缺口,有的是寻找线上服务器可能存在的漏洞,大部分都...

Intellij IDEA 实用插件安利

1. 前言从2020 年 JVM 生态报告解读 可以看出Intellij IDEA 目前已经稳坐 Java IDE 头把交椅。而且统计得出付费用户已经超过了八成(国外统计)。IDEA 的...

搜狗输入法也在挑战国人的智商!

故事总是一个接着一个到来...上周写完《鲁大师已经彻底沦为一款垃圾流氓软件!》这篇文章之后,鲁大师的市场工作人员就找到了我,希望把这篇文章删除掉。经过一番沟通我先把这篇文章从公号中删除了...

总结了 150 余个神奇网站,你不来瞅瞅吗?

原博客再更新,可能就没了,之后将持续更新本篇博客。

副业收入是我做程序媛的3倍,工作外的B面人生是怎样的?

提到“程序员”,多数人脑海里首先想到的大约是:为人木讷、薪水超高、工作枯燥…… 然而,当离开工作岗位,撕去层层标签,脱下“程序员”这身外套,有的人生动又有趣,马上展现出了完全不同的A/B面人生! 不论是简单的爱好,还是正经的副业,他们都干得同样出色。偶尔,还能和程序员的特质结合,产生奇妙的“化学反应”。 @Charlotte:平日素颜示人,周末美妆博主 大家都以为程序媛也个个不修边幅,但我们也许...

MySQL数据库面试题(2020最新版)

文章目录数据库基础知识为什么要使用数据库什么是SQL?什么是MySQL?数据库三大范式是什么mysql有关权限的表都有哪几个MySQL的binlog有有几种录入格式?分别有什么区别?数据类型mysql有哪些数据类型引擎MySQL存储引擎MyISAM与InnoDB区别MyISAM索引与InnoDB索引的区别?InnoDB引擎的4大特性存储引擎选择索引什么是索引?索引有哪些优缺点?索引使用场景(重点)...

如果你是老板,你会不会踢了这样的员工?

有个好朋友ZS,是技术总监,昨天问我:“有一个老下属,跟了我很多年,做事勤勤恳恳,主动性也很好。但随着公司的发展,他的进步速度,跟不上团队的步伐了,有点...

我入职阿里后,才知道原来简历这么写

私下里,有不少读者问我:“二哥,如何才能写出一份专业的技术简历呢?我总感觉自己写的简历太烂了,所以投了无数份,都石沉大海了。”说实话,我自己好多年没有写过简历了,但我认识的一个同行,他在阿里,给我说了一些他当年写简历的方法论,我感觉太牛逼了,实在是忍不住,就分享了出来,希望能够帮助到你。 01、简历的本质 作为简历的撰写者,你必须要搞清楚一点,简历的本质是什么,它就是为了来销售你的价值主张的。往深...

魂迁光刻,梦绕芯片,中芯国际终获ASML大型光刻机

据羊城晚报报道,近日中芯国际从荷兰进口的一台大型光刻机,顺利通过深圳出口加工区场站两道闸口进入厂区,中芯国际发表公告称该光刻机并非此前盛传的EUV光刻机,主要用于企业复工复产后的生产线扩容。 我们知道EUV主要用于7nm及以下制程的芯片制造,光刻机作为集成电路制造中最关键的设备,对芯片制作工艺有着决定性的影响,被誉为“超精密制造技术皇冠上的明珠”,根据之前中芯国际的公报,目...

优雅的替换if-else语句

场景 日常开发,if-else语句写的不少吧??当逻辑分支非常多的时候,if-else套了一层又一层,虽然业务功能倒是实现了,但是看起来是真的很不优雅,尤其是对于我这种有强迫症的程序"猿",看到这么多if-else,脑袋瓜子就嗡嗡的,总想着解锁新姿势:干掉过多的if-else!!!本文将介绍三板斧手段: 优先判断条件,条件不满足的,逻辑及时中断返回; 采用策略模式+工厂模式; 结合注解,锦...

离职半年了,老东家又发 offer,回不回?

有小伙伴问松哥这个问题,他在上海某公司,在离职了几个月后,前公司的领导联系到他,希望他能够返聘回去,他很纠结要不要回去? 俗话说好马不吃回头草,但是这个小伙伴既然感到纠结了,我觉得至少说明了两个问题:1.曾经的公司还不错;2.现在的日子也不是很如意。否则应该就不会纠结了。 老实说,松哥之前也有过类似的经历,今天就来和小伙伴们聊聊回头草到底吃不吃。 首先一个基本观点,就是离职了也没必要和老东家弄的苦...

2020阿里全球数学大赛:3万名高手、4道题、2天2夜未交卷

阿里巴巴全球数学竞赛( Alibaba Global Mathematics Competition)由马云发起,由中国科学技术协会、阿里巴巴基金会、阿里巴巴达摩院共同举办。大赛不设报名门槛,全世界爱好数学的人都可参与,不论是否出身数学专业、是否投身数学研究。 2020年阿里巴巴达摩院邀请北京大学、剑桥大学、浙江大学等高校的顶尖数学教师组建了出题组。中科院院士、美国艺术与科学院院士、北京国际数学...

为什么你不想学习?只想玩?人是如何一步一步废掉的

不知道是不是只有我这样子,还是你们也有过类似的经历。 上学的时候总有很多光辉历史,学年名列前茅,或者单科目大佬,但是虽然慢慢地长大了,你开始懈怠了,开始废掉了。。。 什么?你说不知道具体的情况是怎么样的? 我来告诉你: 你常常潜意识里或者心理觉得,自己真正的生活或者奋斗还没有开始。总是幻想着自己还拥有大把时间,还有无限的可能,自己还能逆风翻盘,只不是自己还没开始罢了,自己以后肯定会变得特别厉害...

百度工程师,获利10万,判刑3年!

所有一夜暴富的方法都写在刑法中,但总有人心存侥幸。这些年互联网犯罪高发,一些工程师高技术犯罪更是引发关注。这两天,一个百度运维工程师的案例传遍朋友圈。1...

程序员为什么千万不要瞎努力?

本文作者用对比非常鲜明的两个开发团队的故事,讲解了敏捷开发之道 —— 如果你的团队缺乏统一标准的环境,那么即使勤劳努力,不仅会极其耗时而且成果甚微,使用...

为什么程序员做外包会被瞧不起?

二哥,有个事想询问下您的意见,您觉得应届生值得去外包吗?公司虽然挺大的,中xx,但待遇感觉挺低,马上要报到,挺纠结的。

当HR压你价,说你只值7K,你该怎么回答?

当HR压你价,说你只值7K时,你可以流畅地回答,记住,是流畅,不能犹豫。 礼貌地说:“7K是吗?了解了。嗯~其实我对贵司的面试官印象很好。只不过,现在我的手头上已经有一份11K的offer。来面试,主要也是自己对贵司挺有兴趣的,所以过来看看……”(未完) 这段话主要是陪HR互诈的同时,从公司兴趣,公司职员印象上,都给予对方正面的肯定,既能提升HR的好感度,又能让谈判气氛融洽,为后面的发挥留足空间。...

面试:第十六章:Java中级开发(16k)

HashMap底层实现原理,红黑树,B+树,B树的结构原理 Spring的AOP和IOC是什么?它们常见的使用场景有哪些?Spring事务,事务的属性,传播行为,数据库隔离级别 Spring和SpringMVC,MyBatis以及SpringBoot的注解分别有哪些?SpringMVC的工作原理,SpringBoot框架的优点,MyBatis框架的优点 SpringCould组件有哪些,他们...

面试阿里p7,被按在地上摩擦,鬼知道我经历了什么?

面试阿里p7被问到的问题(当时我只知道第一个):@Conditional是做什么的?@Conditional多个条件是什么逻辑关系?条件判断在什么时候执...

无代码时代来临,程序员如何保住饭碗?

编程语言层出不穷,从最初的机器语言到如今2500种以上的高级语言,程序员们大呼“学到头秃”。程序员一边面临编程语言不断推陈出新,一边面临由于许多代码已存在,程序员编写新应用程序时存在重复“搬砖”的现象。 无代码/低代码编程应运而生。无代码/低代码是一种创建应用的方法,它可以让开发者使用最少的编码知识来快速开发应用程序。开发者通过图形界面中,可视化建模来组装和配置应用程序。这样一来,开发者直...

面试了一个 31 岁程序员,让我有所触动,30岁以上的程序员该何去何从?

最近面试了一个31岁8年经验的程序猿,让我有点感慨,大龄程序猿该何去何从。

大三实习生,字节跳动面经分享,已拿Offer

说实话,自己的算法,我一个不会,太难了吧

程序员垃圾简历长什么样?

已经连续五年参加大厂校招、社招的技术面试工作,简历看的不下于万份 这篇文章会用实例告诉你,什么是差的程序员简历! 疫情快要结束了,各个公司也都开始春招了,作为即将红遍大江南北的新晋UP主,那当然要为小伙伴们做点事(手动狗头)。 就在公众号里公开征简历,义务帮大家看,并一一点评。《启舰:春招在即,义务帮大家看看简历吧》 一石激起千层浪,三天收到两百多封简历。 花光了两个星期的所有空闲时...

《Oracle Java SE编程自学与面试指南》最佳学习路线图2020年最新版(进大厂必备)

正确选择比瞎努力更重要!

字节跳动面试官竟然问了我JDBC?

轻松等回家通知

面试官:你连SSO都不懂,就别来面试了

大厂竟然要考我SSO,卧槽。

实时更新:计算机编程语言排行榜—TIOBE世界编程语言排行榜(2020年6月份最新版)

内容导航: 1、TIOBE排行榜 2、总榜(2020年6月份) 3、本月前三名 3.1、C 3.2、Java 3.3、Python 4、学习路线图 5、参考地址 1、TIOBE排行榜 TIOBE排行榜是根据全世界互联网上有经验的程序员、课程和第三方厂商的数量,并使用搜索引擎(如Google、Bing、Yahoo!)以及Wikipedia、Amazon、YouTube统计出排名数据。

立即提问
相关内容推荐