- 博客(6)
- 收藏
- 关注
RSS订阅原创 vue3.0路由params传参无法接收的问题
1.跳转到父路由，父路由redirect到子路由的方式无法接收到params参数。2.route里要增加props:true的相关配置。{ path: '/login', name: 'Login', component: () => import('../views/Login/Login.vue'), props: true}3.接收参数的页面通过props接收参数const props = defineProps({ text:String,
2022-04-21 09:39:58
8287
1
原创 vue3.0+vite根据开发和生产的全局环境变量配置和使用
首先是默认package.json中"scripts": { "dev": "vite", // 默认mode为development "build": "vue-tsc --noEmit && vite build", // 默认mode为production "preview": "vite preview"}指定默认则使用vite --mode test在项目跟路径下创建.env.development.env.production其中.en
2022-03-23 09:43:18
2266
原创 ant-design-vue@3.x+vue3.0中dialog拖拽
又又又又有新需求项目使用antdv@3.x+vue3.0+ts写的吧，拖拽网上也搜到了不少，实际用起来还是有点小问题。这里参考了的博文https://blog.csdn.net/qq_41191777/article/details/122215491贴一下我自己改了改上面链接遇到了点击dailog时，dialog突然贴左边，或者顶着左上角，又或者顶着上面的问题。修改之后又遇到了点击之后出现了贴边的情况。下面我测试时OK的。首先是新建了一个工具类我这里叫dragModal.ts，代码如下。fun
2022-03-22 14:41:06
1666
原创 element-ui+vue2.0表格行合并
在网上搜了搜搜到了相关内容参考地址点我但是并不完全符合我的需求。所以进行了改造。上面链接的文章中仅是单列合并的写法。这里支持多个待合并列的指定。（非列合并，仅行合并）首先是dom元素部分<el-table :data="tableData" border :span-method="objectSpanMethod">...</el-table>script部分data中新增了三个数据tableData代表表格数据orderIndexArr存放的数据是{
2022-03-22 14:28:32
1130
1
原创 动态表单（抛砖引玉）
需求要求写有个动态表单，简单写了下，记录一下。环境是vue2.0+element做的。主要是用到了component组件实现的。vue代码：<el-form ref="form" :model="current" label-width="80px" :rules="rules"> <el-row :gutter="24"> <template v-for="item in columns"> <el-col :span="12" :k
2022-03-16 16:47:03
1661
原创 vite打包后报错globalThis is not defined
问题：浏览器版本65globalThis需要chrome 71以上vite+vue3.0打包项目后，浏览器提示globalThis is not defined。解答：修改vite.config.js添加插件@vitejs/plugin-legacyimport legacy from '@vitejs/plugin-legacy'export default defineConfig({ plugins: [ legacy({ targets: ['Chrome 63'],
2022-03-03 10:37:10
5486
5
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人