使用elementui工作中遇到的不熟练知识点总结

{{currentNotice.title&¤tNotice.title.length>18?currentNotice.title.substring(0,15)+'......':currentNotice.title}}
{{currentNotice.articleSummary&¤tNotice.articleSummary.length>50?currentNotice.articleSummary.substring(0,50)+'...':currentNotice.articleSummary}}一时想不起substring()方法是干什么的，百度了一下substring()方法是用于提取字符串中两个指定下标之间的字符，其中currentNotice.title.substring(0,15)表示提取currentNotice中的15位标题，currentNotice.articleSummary是提取50个字符的articleSummary父组件this.$emit("update:passcalllist",false);我们经常使用v-bind(:)来给子组件传入参数，或者我们会给子组件传入一个函数，子组件会通过调用传入的函数来改变父组件的状态。百度可以理解为父组件传递：passcalllist给子组件，并使用.sync修饰符，子组件可以使用$emit，使用updata:passcalllist更新passcalllist为false，直接改变父组件的passcalllist的值component从true到false（注意：update:是固定的，vue约定好的子组件的name部分，passcalllist是我们要修改的state名称，对应传入的state名称）exportconstbizConstantRouter=[//登录页面可以匿名访问{path:"/",name:"login",component:()=>import(`@/views/${bizFolderName}/page/frame/Login_guangdong.vue`),meta:{anonymous:true}业务常量路由，即允许匿名访问的页面，meta:{anonymous:true}，默认需要登录页面，其他页面可以自行添加gutter表示网格左右两侧padding的值，span是指网格占用的列数v-model中的修饰符.trim用于去除用户输入前后的空格Removeclearable是清除输入框的内容prefix-icon是输入框前面的icon图标multipleMulti-choicequerysize指的是按钮的大小loading，listLoading设置默认值为false，当需要加载时，将默认值改为true，就会出现loading样式，element-loading-text为出现的文字，element-loading-spinner为外观看到这里我想到了面试中经常被问到的v-if和v-show的区别，以及css中display:hidden和display:none的区别，我个人的总结是hidden和none的区别是占用空间的问题，hidden就是隐藏了，位置还是被占用了，none就是要彻底消失这个东西。如果v-if和v-show没有被占用，v-if就是操作DOM使之消失，v-show是操作显示隐藏close-on-click-modal的意思是可以关闭模??拟弹窗点击模型引用表单数据对象要报告给组0":value="page1.total"class="item">里面的badge是指按钮图标右上角提示的信息，value是显示的数字

在这里，父组件使用范围插槽。在子组件中的slot上有一句data="list"，而在父组中文件中还有slot-scope="scope"，slot-scope是取data的值，slot-scope的值是自定义的，我们可以取任何名字，但是data的值是在传输的对象的形式，所以这里的scope.data就是list的值