1.多选下拉,一进页面就触发得解决问题
<!-- 是否属于危险作业(多选) -->
<div class="first-aid-measures uploadBoxmultiple">
<el-form-item
label="是否属于危险作业(多选)"
prop="dangerousOperationstr"
><el-select
v-model="formInline.dangerousOperationstr"
placeholder="请选择"
v-if="type === 'edit' || type === 'add'"
multiple
>
<el-option
v-for="item in streetOptions"
:key="item.code"
:label="item.name"
:value="item.code"
>
</el-option>
</el-select>
<span v-if="type === 'view'" class="viewSpan">{{
formInline.dangerousOperationsName
}}</span>
</el-form-item>
</div>
解决:在created得时候先给一个空数组
this.$set(this.formInline, this.formInline.dangerousOperationstr, []);
2.多个路由跳转到同一个页面,并返回各自跳转得原路由页面(全局路由守卫存储路由)
// 路由开始之前的操作
router.beforeEach((to: any, from: any, next: any) => {
// debugger
// 存储路由
sessionStorage.setItem('routerFromUrl', from.fullPath);})
3.查询关联导出,查询条件加入store,怕组件之间互相影响,在created得时候清空
// 查询
private searchFun() {
(this as any).$bus.$emit('search', this.paramsObj);
// 存储导出得查询条件
this.$store.commit('helloModule/updateExportParams', this.paramsObj);
}
解决:在created得时候清空
// 清空存储导出得查询条件
this.$store.commit('helloModule/updateExportParams', '');
4.Router和Route得区别:
- Router是数组,是VueRouter得实例,里面包含很多属性和子对象,例如history对象,和router-link跳转差不多
- Route是对象,相当于正在跳转得路由对象,可以获取里面得属性参数
- 配置路由得加/或不加,区别:加/会被当作根路径,不会嵌套之前得路径。