vue3
fengshaopu
这个作者很懒,什么都没留下…
展开
-
身份证校验
var validatestatus = (rule, value, callback) => { //身份证校验 if (value === "") { // callback(new Error("请输入身份证")); } else { if (!/(^\d{15}$)|(^\d{17}(\d|X|x)$)/.test(value)) { callback(new Error("你输入的身份证长度或格式...原创 2021-12-23 16:57:12 · 143 阅读 · 0 评论 -
vue3如何封装axios
1.下载axiosnpm install axios -S2.下载 qsnpm install qs -S3.然后可以在文件夹下面创建相应的axios的文件比如index4.然后配置import axios from "axios";import qs from "qs";// axios.defaults.baseURL = '' //正式// axios.defaults.baseURL = 'http://test' //测试//post请求头axio..原创 2021-12-21 16:43:41 · 913 阅读 · 0 评论 -
vue3的路由创建
下载路由npm install vue-router@4在文件夹创建router文件夹然后写入import Home from './components/Home.vue';import A from './components/a.vue';import { createRouter, createWebHistory } from 'vue-router';//和vue2 路由不同const routerHistory = createWebHistory();con原创 2021-12-20 15:50:48 · 245 阅读 · 0 评论 -
vue给后端传递json格式的
很简单就一行:headers:{"Content-Type":"application/json"} headers: { "Content-Type": "application/json" }原创 2021-12-03 16:01:42 · 3925 阅读 · 1 评论 -
vue3实现样式穿透
在vue2中可以直接使用 /deep/来穿透样式在vue3里面可以用过 :deep 来穿透样式原创 2021-12-02 16:41:48 · 2481 阅读 · 0 评论 -
vue 实现 图片限制+300x300
可以用element-ui的上传器 <el-upload action="http://testwcmd.sinoing.net/Upload/uploadChargeFace" name="userImage" :before-upload="beforeUploadFile" :on-success="handleSuccess" :on-cha原创 2021-12-02 16:33:33 · 1054 阅读 · 0 评论 -
如何实现table数据拖拽
1.下载插件sortablejsnpm install sortablejs2.局部导入即可import { defineComponent, ref, reactive, onMounted } from "vue";import { useRouter } from "vue-router";import { ElMessage, ElMessageBox } from "element-plus";import { useStore } from "vuex";import .原创 2021-11-22 17:04:22 · 916 阅读 · 0 评论 -
如何实现展示更多
1.首先先把高写死,2.然后点击当前按钮展示全部修改高度为自适应即可 <span style="color:#999999;font-size:14px;cursor:pointer" v-show="queryParams.che == false" @click="xians()" >显示全部</span > funct原创 2021-11-22 16:50:24 · 357 阅读 · 0 评论 -
select实习省级联动
VUE2 前端实现 静态二级省市联动选择select的示例 - web开发 - 亿速云原创 2021-11-04 14:59:43 · 101 阅读 · 0 评论 -
用select实现选择年月
JavaScript 自定义年月日选择下拉框select选择的日期方法vue实现_S筱潇S四维Smile-CSDN博客转载 2021-11-03 16:55:54 · 1021 阅读 · 0 评论 -
vue3如何封装vuex
目录:1.下载安装vuex2.创建store文件夹3.导入vuex,并且设置4.main中导入注册5.组件中使用1.下载安装vuexnpm install vuex@next2.创建store文件夹3.导入vuex,并且设置 导出import { createStore } from 'vuex'var store= createStore({ state(){ return{ state:1 } }, m.原创 2021-06-24 21:04:04 · 779 阅读 · 2 评论 -
vue3的基本使用
vue2的生命周期函数跟vue3生命周期函数的变化我们vue3导入生命周期钩子的方式是这样的:除去 beforeCreate 和 created 之外,在我们的 setup 方法中,有9个旧的生命周期钩子,我们可以在setup 方法中访问onBeforeMountonMountedonBeforeUpdateonUpdatedonBeforeUnmountonUnmountedonActivatedonDeactivatedonErrorCapturedonRenderTracke原创 2021-06-24 17:05:57 · 615 阅读 · 0 评论 -
vue3的局部下载,并且启动
我们可以在局部下载vite编辑器并且使用https://cn.vitejs.dev/guide/ 官网 vite我们新建一个文件夹,然后下载vite下载命令是:npm init @vitejs/app下载完成会有一个选项我们选择vue根据上面的提示,我们照着敲就可以了cd k 是进入这个文件npm insta 下载依赖npm run dev 启动项目然后我们会看到这个页面就证明我们启动成功了...原创 2021-06-24 13:55:10 · 425 阅读 · 0 评论