{{currentNotice.title && currentNotice.title.length > 18 ? currentNotice.title.substring(0, 15) + '......' : currentNotice.title}}<br> {{currentNotice.articleSummary && currentNotice.articleSummary.length > 50 ? currentNotice.articleSummary.substring(0, 50) + '......' : currentNotice.articleSummary}}一时想不起substring（）办法是什么作用，百度了一下substring() 办法用于提取字符串中介于两个指定下标之间的字符，其中的currentNotice.title.substring(0,15)是指提取currentNotice外面的title15位的题目，currentNotice.articleSummary是提取50字符的articleSummary
<passcalllog v-if="passcalllist" :passcalllist.sync="passcalllist"></passcalllog>父组件
this.$emit("update:passcalllist", false);子组件
vue中咱们常常会用v-bind（:）给子组件传入参数，或者咱们会给子组件传入一个函数，子组件通过调用传入的函数来扭转父组件的状态，通过百度能够理解到，父组件通过:将passcalllist传给子组件，并应用了.sync修饰符，子组件能够通过$emit,应用updata:passcalllist将passcalllist更新为false间接扭转父组件的passcallist的值由true变成false(留神：update:是被固定的，vue约定好的子组件的名称局部，passcalllist是咱们要批改的状态名称，是与传入的状态名字对应的)
export const bizConstantRouter = [ // 登录页面能够匿名拜访 { path: "/", name: "login", component: () => import(`@/views/${bizFolderName}/page/frame/Login_guangdong.vue`), meta: { anonymous: true }业务常量路由，也就是容许匿名拜访的页面，meta:{anonymous:true}，登录页面是默认要有的，业务上自行添加其余页面
<el-row :gutter="24"><el-col :span="6">gutter的意思就是这个栅格左右两边padding的值的和
span指的是栅格占据的列数
<el-input v-model.trim="filters.fullName" prefix-icon="el-icon-search" clearable placeholder="可通过名称含糊查问" ></el-input>v-model外面的修饰符.trim的作用是将用户输出的前后的空格去除
clearable是将是否输入框中的内容清空
prefix-icon是输入框后面的icon图标
<el-select multiple v-model.trim="filters.unitNatures" clearable placeholder="可多选单位性质查问" >multiple可多选
<el-buttontype="primary"size="medium" @click="getList()" icon="el-icon-search">查问</el-button >size指按钮的大小
<divstyle="width: 100%; float: left; text-align: right"v-loading="listLoading"element-loading-text="拼命加载中,请稍等..."element-loading-spinner="el-icon-loading">loading加载，listLoading设置默认值为false，当加载须要的时候，将默认值改为true，会呈现加载中的款式，element-loading-text是呈现的文字，element-loading-spinner是呈现的图标
<el-dialogtitle="设置年度指标界面":visible.sync="setUpUnitTotalIndexVisible"v-if="setUpUnitTotalIndexVisible"width="78%":close-on-click-modal="false">看到这里想起面试常常问的问题v-if和v-show的区别，以及css外面display:hidden和display:none的区别
集体总结的话是hidden和none的区别就是占位的问题，hidden只是暗藏了，地位还是占着的，而none就是将这个货色齐全隐没，不占位
v-if和v-show的话,v-if是操作DOM的让他隐没，而v-show就是对display进行操作暗藏
close-on-click-modal是指能够通过点击模仿弹出框敞开
<el-form :model="applyForm" ref="applyForm">model指的是表单数据对象
<span slot="label">待上报团组<el-badge v-if="page1.total > 0" :value="page1.total" class="item"></el-badge></span>外面的badge指的是按钮图标右上角提醒的音讯，value是显示的数量
<template slot-scope="scope"><div><el-buttontype="primary"size="small"@click.native="submitGroup(scope.row, '新建')">编辑</el-button></div></template>这里父组件采纳的是作用域插槽
在子组件中的插槽上有一句data="list"，而在父组件中也有slot-scope="scope",slot-scope就是取data的值，slot-scope的值是自定义的，咱们能够取任何名称，然而data的值传过来时是以对象模式传输的，所以在这scope.data才是list的值