2021-06-28

1、判断el-tab标签的显示和隐藏,

第一次尝试用v-show是不起作用的,v-show的本质作用是display:none,而因为td这类标签是display: table-cell;权限高于display:none,所以v-show失效。

实用性操作:v-if代替v-show。

<el-tab-pane label="Feature" name="third" v-if="isShow">

return: isShow:false,

mounted事件加条件取真:if(this.roleId){this.isShow=true}

2、

控制台报错信息1

尽管不影响代码正常运行,但看到提示红红的文字,忍不住去想解决它。

a.原来的articleList:{}改成articleList:"",即对象变成string类型。虽然没有报错,但是当遇到articleList下面有数组存在也会报错误信息,这时候可以检查子组件: articleList: { type: Object}, 父组件:articleList:{}有没有对应好。

3、

控制台报错信息2

大致翻译:方法没有定义。

解决:data里面定义一个空的初始值就好了,HoldInfo:{}

4、[Vue warn]: Property or method "HandleClose" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.....

大致翻译:HandleClose这个方法未在实例上定义,但已被引用。

解决:检查看下父组件是否有HandleClose()这个方法,然后子组件弹出层写个方法引用,类似:

Close(){ this.$emit("HandleClose"); }

哪里需要用到,直接调用this.Close()

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.什么是vue的生命周期? Vue实例从创建到销毁的过程,就是生命周期。也就是从开始创建、初始化数据、编译模板、...
    陈二狗想吃肉阅读 3,567评论 0 0
  • VUE框架的核心理念:数据驱动、组件化 数据驱动就是当数据发生变化的时候,用户界面发生相应的变化,开发者不需要手动...
    bob_python阅读 2,750评论 0 0
  • #### vue note --- 1、vue.js是什么? ​ 构建数据驱动的web应用开发框架 2、为什么如此...
    李宏伟_eb5e阅读 3,093评论 0 0
  • 表情是什么,我认为表情就是表现出来的情绪。表情可以传达很多信息。高兴了当然就笑了,难过就哭了。两者是相互影响密不可...
    Persistenc_6aea阅读 127,150评论 2 7
  • 16宿命:用概率思维提高你的胜算 以前的我是风险厌恶者,不喜欢去冒险,但是人生放弃了冒险,也就放弃了无数的可能。 ...
    yichen大刀阅读 11,291评论 0 4