vue3+ts封装一个简易的curd

video标签隐藏底部进度条等内容html<video id="videoDom" controls="controls" src="***"></video>cssvideo::-webkit-media-controls-fullscreen-button {display: none;}video::-webkit-media-controls-play-button

element-ui–table表格自定义计算合计功能直接贴代码了<el-table:data="tableData"class="table"show-summary //合计方法:summary-method="getSummaries" //自定义计算合计>js// 表格总计的时间getSummaries(param) {const { columns

vue封装组件之上传图片组件(el-upload)未上传状态上传状态其他状态(查看/删除)自定义组件文件名称 - 这里叫UploadImg.vue<template><div><el-form><!-- :on-change="uploadFile" --><el-upload:limit="limit"//最大允许上传个数action

vue3使用vuedraggable 实现页面div拖拽和缓存

这篇主要介绍下vue-cli3.0项目搭建如果您还不了解vue2.x就请先看官方文档文档地址:https://cn.vuejs.org/这是vue3.0文档地址:https://v3.vuejs.org/guide/installation.html(也可以进入2.x版本选择3.0进入);下面开始说安装步骤一、介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件：CLI

1,css实现文本超出…出现省略号文本溢出省略号显示，要实现这个必须 要有四个条件：1.须有容器宽度：width：value2.强制文本在一行内显示：white-space：nowrap；3.溢出内容隐藏：overflow：hidden；4.溢出文本显示“…”：text-overflow：ellipsis；2,display:flex布局强制换行ul {width: 100%;display: f

今天在运行别人开发过的项目中发现报错ERROR in ./node_modules/element-ui/lib/theme-chalk/index.css处理办法在项目根目录下 build->webpack.dev.conf.js中找到将后面的 usePostCSS 改为 false 即可;如果 run dev 没有问题 在打包 build时出现报错问题 因为我这边安装了这两个插件是处理p

el-input验证手机号html<el-form ref="Form" :rules="rules" :model="edit" label-width="100px"><el-form-item label="联系方式" prop="phone"><el-input v-model="edit.phone"></el-input></el-

vite+vue3+ts+element-plus项目搭建–超详细vite 作用快速的冷启动：不需要等待打包操作；即时的热模块更新：替换性能和模块数量的解耦让更新飞起；真正的按需编译：不再等待整个应用编译完成，这是一个巨大的改变。使用的环境nodev12.19.0@vue/cli4.5.8搭建项目npm init vite-app <project-name>cd <projec