Select组件是按照筛选项的value来筛选的，而我们需要的是按照筛选项的显示的内容来筛选, 这时候该如何设置呢。optionFilterProp=”children”

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<a-form-item
    :colon="false"
    label="入职公司"
>
    <a-select
        allowClear
        showSearch // 是否支持搜索
        optionFilterProp="children" // *把搜索的value换成children
        placeholder="请选择"
        size="small"
        :labelInValue="true"
        v-decorator="['companyCode',{rules: [{ required: true, message: '请选择入职公司!' }]}]"
    >
        <a-select-option
            :key="index"
            :value="item.code"
            v-for="(item, index) in branchAndArea"
        >{{item.name}}</a-select-option>
    </a-select>
</a-form-item>

如果一组 v-if + v-else 的元素类型相同，最好使用 key (比如两个 <div> 元素)。

默认情况下，Vue 会尽可能高效的更新 DOM。这意味着其在相同类型的元素之间切换时，会修补已存在的元素，而不是将旧的元素移除然后在同一位置添加一个新元素。如果本不相同的元素被识别为相同，则会出现意料之外的结果。

对于应用来说，顶级 App 组件和布局组件中的样式可以是全局的，但是其它所有组件都应该是有作用域的。scoped 特性可以使css局部作用域，不受外界影响，不止要使用 scoped 特性，使用唯一的 class 名可以帮你确保那些三方库的 CSS 不会运用在你自己的 HTML 上。

永远不要把 v-if 和 v-for 同时用在同一个元素上。

一般我们在两种常见的情况下会倾向于这样做：

• 为了过滤一个列表中的项目 (比如 v-for="user in users" v-if="user.isActive" )。在这种情形下，请将 users 替换为一个计算属性 (比如 activeUsers)，让其返回过滤后的列表。

• 比如 v-for="user in users" v-if="shouldShowUsers"。这种情形下，请v-if 移动至容器元素上 (比如 ul, ol)。

关于文件名：必须以如下方式命名，不要乱起名，也无需专门手动控制加载哪个文件

.env 全局默认配置文件，不论什么环境都会加载合并

.env.development 开发环境下的配置文件

.env.production 生产环境下的配置文件