Vue React
vue和react项目文章
争取一行
该用户懒,什么都没有写
展开
-
[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>)
::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>)如何解决原创 2022-11-17 20:21:19 · 7640 阅读 · 0 评论 -
Vue使用echarts做两个数据对比
Echarts ,数据可视化对比原创 2022-11-16 19:50:32 · 1662 阅读 · 0 评论 -
js前端时间交叉重复计算
js时间交叉原创 2022-06-02 15:16:43 · 1772 阅读 · 0 评论 -
前端过滤时间,选择有效的时间
vue。js 选择框,时间切割分割,时间+30分钟原创 2022-06-02 15:05:16 · 2604 阅读 · 0 评论 -
a-upload上传压缩出来图片
1.在业务中,我们通过vat desgin 上传组件的时候想修改上传的图片大小和对图片优化压缩,是个很麻烦的事,直接上代码;借鉴transformFile(file) { const that = this const height = 640 //图片的高 const width = 360 //图片的宽 return new Promise((resolve) => { const reader = new FileReader() reader.read原创 2022-05-26 17:24:27 · 1681 阅读 · 0 评论 -
vue2使用typescript
1.用脚手架方式直接安装ts不需要配置1.组件的声明需依赖类似注解部分2.方法调用,和原版基本无区别3.computed和watch4.父子通信传参原创 2022-05-21 22:25:57 · 1781 阅读 · 0 评论 -
Vue router2.0
对于单页面来说路由是我们常用切换页面的一种方式,使用Vue安装 npm install vue-router --save路由的引入import router from './router'/* eslint-disable no-new */new Vue({ el: '#app', store, router, components: { App }, template: '<App/>'})路由的配置通过和也可以实现我们像a标签一样原创 2022-04-24 16:05:27 · 2684 阅读 · 0 评论 -
Vue+Element实现表格筛选
安装Vue和el什么的就不说了,也吐槽样式丑,作者懒得写样式主要是为了展示写法和功能虽然我自己都想吐槽<template> <div style="margin-top: 150px;"> <div>Vue表格过滤</div><el-row :gutter="20" style="margin-bottom:35px;" type="flex" justify="space-between"> <el-col :spa.原创 2022-04-17 13:07:42 · 4701 阅读 · 2 评论 -
Vue的混入mixin
混入是可以实现组件内多方法数据的共享复用1.怎么使用mixin {{msg}} <script> var mixin = { data() { return { msg: "我是混入的数据" } }, creatre: function() { } } export default { name: 'app_download', mixins: [mixin], .原创 2022-04-17 11:57:42 · 1791 阅读 · 0 评论 -
vue-admin-template更改侧边栏图标
首先在阿里图标库svg下载我们的图标放入目录下router下使用效果图原创 2022-01-19 13:43:31 · 1654 阅读 · 1 评论 -
vue中合并elementui日期和时间选择器
引言:我们经常使用elementl里的el-date-picker和el-time-picker标签但是有时候有需求需要获取一个完整的年月日分时秒的时候我们的标签就有局限了需要我们手动处理数据代码 <el-form-item label="检测时间"> <el-col :span="11"> //选择的日期 <el-date-picker type="date" placeholder="选择日期" v-model="forms.tart_time.原创 2022-01-09 15:30:05 · 3562 阅读 · 0 评论 -
关于vue-admin-template端口代理请求问题
.env.development# just a flagENV = 'development'# base apiVUE_APP_BASE_API = '/dev-api'.env.production# just a flagENV = 'production'# base apiVUE_APP_BASE_API = '/prod-api'vue.config.js'use strict'const path = require('path')const defaul原创 2021-12-22 14:26:34 · 2943 阅读 · 0 评论 -
vue教程v-show,v-if篇3
为啥要单独说v-show和v-if呢,他们有什么相同和不同点共同点:最直接都可以隐藏和显示元素不同点:和v-if不同v-show在隐藏的时候节点是存在的而v-if是去掉的类似dispaly的none<template><div> <div v-if="value">//if绑定我是大名 </div><div v-else> 我是小名</div></div></template.原创 2021-04-18 20:08:02 · 433 阅读 · 1 评论 -
vue教程循坏篇2
在原生js我们可以直接通过for循环把数据循环到列表显示,那我们如何使用vue进行这个操作呢直接上案例:代码:<template><div> <div v-for="(item,index) in value" :key="index" style="border:1px solid red;width:150px">{{item.name}}{{item.sex}} </div></div></template.原创 2021-04-18 19:57:32 · 210 阅读 · 0 评论 -
vue教程模板篇1
这里写目录标题1.插值1.v-html1.v-model1.v-bind1.v-on1.插值vue使用{{}}进行数据插值绑定案例:代码:<template> <div class="app"> {{name}} </div></template><script> export default { name: 'App', data () { return { name: '原创 2021-04-18 19:46:25 · 234 阅读 · 0 评论 -
vue使用html2canvas.js生成图片并保存
普通js项目使用方法引入js文件<script type="text/javascript" src="http://html2canvas.hertzen.com/dist/html2canvas.js"></script>1…1. 脚手架npm install html2canvas --save通过ref获取你要渲染的元素节点4.在你的方法事件触发 async Screenshot() { var saveFile = .原创 2020-06-06 16:26:13 · 1589 阅读 · 2 评论 -
前端vue实现获取七天时间和星期几功能
前端vue实现获取七天时间和星期几功能功能展示代码<div v-for="(item,index) in same_week" :class="[same_day==item.date? 'activ' :'','dis']" @click="select(item)" :key='index'> <span>{{item.name}}</span> <span>{{item.week}}</span></div&原创 2020-05-22 10:58:51 · 6398 阅读 · 4 评论