- 博客(12)
- 收藏
- 关注
原创 前端开发问题记录帖
(1)数组响应式第一种let arr = reactive([]) function change(){ console.log("change..."); let newArr = [1,2,3] arr.push(...newArr) }第二种let arr = reactive({list:[]})arr.list = newArr第三种let arr = ref([])let newArr = [1,2,3]arr.value = ne...
2022-05-13 11:11:36
280
原创 ant的一些样式处理,固定表格隔行变色
用ant做隔行变色,当有左右固定表格的时候,只有中间滚动内容隔行变色。放弃 rowClassName 方式:rowClassName="(record, index) => (index % 2 === 1 ? 'table-striped' : '')"使用在style样式里加入:deep(.ant-table-tbody .ant-table-row:nth-child(2n)) {//隔行变灰 background: #F2F4F7;.ant-table-cell-f.
2022-05-10 14:52:28
575
原创 vue 3 + antV s2表格可拖拽表格
vue 3 中使用S表格达到可拖拽Introduction | S2安装:npm install @antv/s2 <div id="chartDiv" ref="myTable"></div>import { TableSheet } from "@antv/s2"; //或者只引入需要用到的G2组件import { nextTick} from 'vue' let myTable = ref<any>(null); funct
2021-12-23 16:27:39
3575
原创 vue3 ant 树形表格展开符号替换
展开图标有expandIcon属性。需要返回一个dom节点。1表格配置属性:expandIcon="(props: any) => expandIcon(props)"2 引入需要的组件以及h方法配合生成dom. <a-table :dataSource="dataSource.list" :columns="columns" :expandIcon="(props: any) => expandIcon(prop...
2021-12-02 03:10:24
786
原创 ant 树形表格的增删
最近用ant 的树表格做功能,实现了树表格的增删改查。首先来看需求。树表格最多五层,可以编辑。渲染后台传过来的数据,也可以新增树,同级别,或者子级。一开始因为新增的子或者同级别没有固定的ID,然后树表格要有一个唯一的rowkey。这里不能用index,父级的index从0开始增加,子级别也是。所以开始要构造一个唯一的key.首先给每个元素增加key,类似'0','0_0','0_0_0'这种最多五级。注意这些参数不能单纯的想做index,因为后面删除功能可能会删掉‘0_0’,'0_1'就变成了子
2021-11-23 03:24:25
1742
3
原创 vite2.0+vue 3.0+element(ant)开发前端项目。
最近接触了vite这个打包工具,想配合3.0做个测试项目。(1)安装vite创建项目npm init @vitejs/app my-vue-app(2)安装element UIA Vue 3 UI Framework | Element Plusnpm install element-plus --savemain.ts文件import ElementPlus from 'element-plus'import 'element-plus/dist/index.css'/
2021-11-23 02:56:42
844
原创 Property “radio“ was accessed during render but is not defined on instance
错误:bind只能绑定声明的变量。
2021-11-02 18:26:05
1558
原创 vue项目兼容IE,饿了么table无限滚动
最近写了挺久的一个vue 项目说要兼容IE。放在IE上面显示一片空白,翻看了一下网上的资料。vue官网是这么说的。于是,咱们考虑IE9及其以上的兼容。ie9 不兼容一些CSS属性。如flex,::before,::after。样式中如果想兼容IE9尽量不要使用这些属性。兼容IE10,10+。安装babel-polyfill垫片npm install --save babel-...
2020-01-08 16:15:59
613
原创 Failed to execute 'scrollTo' on 'Window': No function was found that matched the signature provided.
vue项目在本地使用scrollTo这个方法的时候没有问题,部署的时候报这个错误。window.scrollTo(0,200);//同scrollTo(0,200),scroll(0,200)默认为window调用。 toTop(){//跳转顶部 //scrollTo(0,800) //scroll(0,0) window.scrollTo({ ...
2020-01-07 15:05:44
6133
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人