神采飞阳

发布上线后百度地图不显示Refused to load the script 'https://api.map.baidu.com/api?v=3.0&ak=' because it violates the following Content Security Policy directive:

摘要：标题翻译之后是这样的拒绝加载脚本'https://api.map.baidu.com/api?v=3.0&ak=秘钥'，因为它违反了以下内容安全策略指令:"default-src 'self' 'unsafe-inline' 'unsafe-eval'"。注意，'script-src-elem'没阅读全文

posted @ 2022-11-03 10:20 神采飞阳阅读(812) 评论(0) 推荐(0) 编辑

ant组件DatePicker 日期选择框动态设置日期可选择范围不超过31天

摘要： <a-range-picker v-model:value="searchData.date" :format="'YYYY-MM-DD'" :placeholder="['开始日期', '结束日期']" :allow-clear="false" :disabled-date="disabledDa 阅读全文

posted @ 2022-05-23 10:09 神采飞阳阅读(1552) 评论(0) 推荐(0) 编辑

vue3 全局挂载对象

摘要： app. config . globalProperties . $request = request ; 组件中： const { ctx } = getCurrentInstance() ; ctx . $request. get("/api/users/list"，params ); 阅读全文

posted @ 2022-05-15 23:09 神采飞阳阅读(161) 评论(0) 推荐(0) 编辑

前端导出excel

摘要：首先 import XLSX from "xlsx"; 然后 const btnTo = () => { const a = tableData.value?.map((item) => { return [item.name, item.name2, item.name3; }); const f 阅读全文

posted @ 2022-05-05 11:02 神采飞阳阅读(50) 评论(0) 推荐(0) 编辑

a标签设置disabled

摘要： <a :style="`pointer-events:${disabledFlag ? 'none':''};color:${disabledFlag ? '#b8b8b8':'#1890ff'}`" ></a> 因为a标签是不能直接使用disabled属性的，所以可以通过改变样式来达到同样的效果。阅读全文

posted @ 2022-04-26 16:16 神采飞阳阅读(1605) 评论(0) 推荐(0) 编辑

flex布局会使子元素height：100%失效

摘要：在使用display:flex 布局的时候，在子元素的css上设置height:100%使其在父元素内部的所有子元素的高度保持一致是不能实现的。只需要给父元素的css设置height:100%,子元素不设置就可以了。阅读全文

posted @ 2022-04-21 10:32 神采飞阳阅读(3655) 评论(0) 推荐(0) 编辑

Ant select 选择器的下拉菜单固定在触发器的父元素中，不让下拉菜单随页面滚动

摘要： <a-select v-model:value="formState.deptId" :getPopupContainer="triggerNode => {return triggerNode.parentNode || document.body}" > <a-select-option v-f 阅读全文

posted @ 2022-04-19 09:49 神采飞阳阅读(551) 评论(0) 推荐(0) 编辑

Promise.all Promise 返回多个promise对象

摘要： const data1 = function1({ id: "" }); const data2 = function2({ deptId: ""}); Promise.all([data1, data2]).then((res) => { console.log(res); }; 阅读全文

posted @ 2022-01-03 21:30 神采飞阳阅读(133) 评论(0) 推荐(0) 编辑

Warning: [antdv: Each record in table should have a unique `key` prop,or set `rowKey` to an unique primary key.]

摘要：在使用ant 的表格组件时报了这样的错误代码这样这样写就不会报错了就是把:rowKey="record=> record.id"改为了:rowKey="(record,index)=> index" :rowKey="record=> record.id"这样写与rowKey="id" 其实是阅读全文

posted @ 2021-10-26 21:00 神采飞阳阅读(478) 评论(0) 推荐(0) 编辑

ant design响应式表单布局

摘要： <a-form :model="formState" :label-col="labelCol" :wrapper-col="wrapperCol"> </a-form> label-col是label 标签布局不做响应式布局 :label-col="{ style: { width: `${'9 阅读全文

posted @ 2021-10-11 22:45 神采飞阳阅读(900) 评论(0) 推荐(0) 编辑