工作笔记
古娜拉黑暗之神哇咔咔
这个作者很懒,什么都没留下…
展开
-
element-plus+vue3的form表单自定义校验
element-plus+vue3的form表单自定义校验原创 2022-06-14 14:22:00 · 2534 阅读 · 0 评论 -
vue-echarts 横坐标缩放区域datazoom设置
index.vue<template> <vue-echarts @datazoom='onDataZoom($event, Echarts.option)' :option="options" /></template><script lang="ts" src="./index.ts"></script>index.tsexport default class ComponentName extends Vu..原创 2022-05-17 10:34:14 · 708 阅读 · 0 评论 -
vue3+vite+typeScript项目搭建步骤
1. 安装vue/cli yarn global add @vue/cli # 或 npm install -g @vue/cli2. 在想要创建项目的目录下输入以下指令,创建vite项目 # npm 6.x npm init vite@latest <project-name> -- --template vue # npm 7+,需要加上额外的双短横线 npm init vite@latest <project-name> -- --原创 2022-03-09 16:31:40 · 1119 阅读 · 2 评论 -
在vue+ts+element-ui项目中,校验循环的表单项
1.index.vue# index.vue<el-form-item label="数据丰富"> <div v-for="(item, index) in formData.richData" :key="index"> <el-col :span="17" class="mr-8"> <el-form-item :prop="`richData.${index}.richDataValue`" :rules="rules.richDa.原创 2022-03-09 14:24:12 · 212 阅读 · 0 评论 -
在vue+ts项目中使用vue-codemirror
1.npm install vue-codemirror --save2.src/common/typings/shims-global.d.tsdeclare module 'vue-codemirror';3.可以在自己使用的页面中直接引入import { codemirror } from 'vue-codemirror';import 'codemirror/lib/codemirror.css';@Component({ components: { codem原创 2022-03-09 14:02:58 · 1273 阅读 · 2 评论