- 博客(29)
- 问答 (1)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue2和vue3部署到服务器子目录为空白页
问题:今天遇到vue项目部署到服务器默认hash没问题但是hhistory为空白的问题。研究了一下找到了答案记录一下。vue项目history模式部署在子路径
2024-03-15 09:28:06
738
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue 4.0 tinymce的脱坑指南
安装tinymce-vuenpm install @tinymce/tinymce-vue -Stinymcenpm install tinymce -S下载的时候在public下面建个目录tinymce,下载tinymce完成后在node_modules 中找到 tinymce/skins目录,将其复制到public\tinymce目录下面,如果找不到就去原文件夹node_modules搜索下载中文语言包tinymce提供了很多的语言包,这里我们下载中文语言包下载
2020-08-14 14:40:39
948
4
原创 Fabric.js在vue2中使用
Fabric.js安装这里我是基于vue来使用的,先安装上Fabric.js npm install fabric 在main.js中import fabric from 'fabric'Vue.use(fabric);Fabric 提供了 7 种基础形状:fabric.Circle (圆)fabric.Ellipse (椭圆)fabric.Line (线)fabric.Polyline (多条线绘制成图形)fabric.triangle (三角形)fabric.Rect (
2024-03-15 08:37:13
1256
原创 js 递归-树形数组所有父级节点的id
// 递归-树形数组所有父级节点的id familyTree(arr) { var temp = []; var forFn = function (list) { for (var i = 0; i < list.length; i++) { var item = list[i]; if (item.children) { temp.push(item.id); ..
2021-06-03 16:20:23
2064
原创 vue使用swiper 3 开启loop后循环第一张一闪而过
swiper插件没有开启循环模式,一切都很顺利具体怎么在vue项目中引入swiper插件<div class="swiper-container swiper-banner"> <div class="swiper-wrapper"> <div class="swiper-slide" v-for="(item, index) in carouselList"
2021-01-25 13:58:39
2283
原创 uniapp 默认横屏
进行manifest.json设置"orientation": [ //应用支持的屏幕方向 // "portrait-primary", //竖屏 // "portrait-secondary", //竖屏(反向),上下颠倒 "landscape-primary", //横屏,Home键在右侧 "landscape-secondary" //横屏(反向),Home键在左侧 ], 进行配置后直接运行是不行的
2021-01-08 15:08:39
1986
原创 element 导航栏el-menu router 页面传参
element 的el-menu(导航栏)组件中自带一个vue-router 的模式那就是在标签中加router,再在el-menu-item中添加 index(路径地址)唯一标志来实现跳转如下:<el-menu style="border-bottom:0;" class="el-menu-demo flex" mode="horizontal" text-col..
2020-12-23 13:18:45
16746
8
原创 JS 事件多次触发,只执行最后一次(防抖动)
//写在事件外边,防止被注销var iTime;//写在事件内部 clearTimeout(iTime); iTime = setTimeout(function () { //需要执行的事件 }, 500);
2020-11-27 11:11:26
1752
原创 label span 设置文字两端对齐
label { width: 100%; // width: 80px; height: 30px; display: inline-block; line-height: 30px; vertical-align: middle; text-align: justify; .
2020-10-29 09:34:37
1730
原创 vue axios 上传文件时修改Content-Type
// 根据后台需求数据格式 const form = new FormData() // 文件对象 form.append('upload_file', file) //文件流参数 form.append('path', 'news') // 添加form表单中其他数据 console.log(form)axios .post(url, form, { headers: { 'Content-..
2020-10-28 14:19:27
3141
原创 vue-router 快速返回上一页
this.$router.go(-1)或者<router-link to> <el-button @click="$router.back(-1)">上一页</el-button></router-link>如果没使用vue-routerwindow.history.go(-1)
2020-10-13 14:31:45
7320
原创 vue-router 页面参数方式
1,命名路由注册路由的地方需要给路由命名如下图:使用传参方法如下:this.$router.push({ name: 'revisePassword', params: { userId: 123 }})接受方法如下:this.$route.params.userId2,查询参数查询参数其实就是在路由地址后面带上参数和传统的url参数一致的;使用方法如下:this.$router.push({ path: '/revisePassword', query: { us
2020-09-17 11:33:28
204
1
原创 vue结合AntV G2 使用踩坑
官网使用import G2 from '@antv/g2';引入但是会报一个"export 'default' (imported as 'G2') was not found in '@antv/g2' 得错误找了半天原因,最终解决办法import * as G2 from '@antv/g2'
2020-09-08 17:12:20
2601
3
原创 git 提交时指定文件夹、文件上传操作(解决不是首次提交问题)
如果某些文件已经被纳入了版本管理中,就算是在.gitignore中已经声明了忽略路径也是不起作用的,这时候我们就应该先把本地缓存删除,然后再进行git的push,这样就不会出现忽略的文件了。git清除本地缓存命令如下:git rm -r --cached . git add .git commit -m "缓存清除"注意事项有几点:.a.如果当前项目中还没有.gitignore这个文件,则可以自己手动创建或者考虑文件修改都可以,必须要提交到Git仓库后才生效,即是要第一次提交后才开始生效
2020-09-08 14:17:22
907
原创 Element中遇到的问题汇总
el-input中修改选中的颜色,如果选中的样式不执行用/deep/,或者<<<,{border-radius: 0;}
2020-07-08 15:55:48
361
转载 js中经常用到得方法(构造函数)
JS计算24节气的方法function getjq(yyyy,mm,dd){mm = mm-1;var sTermInfo = new Array(0,21208,42467,63836,85337,107014,128867,150921,173149,195551,218072,240693,263343,285989,308563,331033,353350,375494,397447,419210,440795,462224,483532,504758);var solarTerm =
2020-06-23 13:22:04
254
1
原创 css中你不知道却会用到的操作
限制浏览器不可复制文字.xxx {moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
2020-06-15 11:45:07
120
原创 v-for方法遍历数组,从后端获取数据,前端取值调用uni app
v-for方法遍历数组,从后端获取数据,前端取值调用template写法 <!-- row数组中的每一列 --> <!-- cateId为后端详情页时要取得值id --><template><navigator class="category" v-for="(row, index) in categoryList" :key="ind...
2019-04-25 19:19:08
12870
2
原创 Vue类似点餐软件开发(五:head头部实现)
原理:head中的数据通过异步请求后端的数据接口获得:首先要给app.vue定义一个seller对象:vue中有一个插件用于后台请求的:Vue-resource:去package.json添加依赖: 在main.js中引用通过发送ajax属性获取数据:实例化时有一个生命周期,要一个钩子created()this.seller对象传给 <v-header :seller="seller">...
2018-02-09 16:53:11
498
原创 Vue类似点餐软件开发(四:布局)
手机端和pc端像素有一倍差距:PC=2手机端像素:具体实现手机端与pc像素相同,要用到缩放:mixin.styl是一个css中的方法,可以传一个变量【border-1px(rgba(7, 17, 27, 0.1)】通过after未类绝对定位:加上缩放实现具体的像素转换。通用的1像素编写:实现pc与手机的像素缩放:根据设备的最小dpr:将y轴做一个缩放全局引用...
2018-02-08 17:07:22
1064
原创 Vue类似点餐软件开发(二:项目结构了解)
项目目录设计:模拟后台的数据,接口填写:数据:接口:调用的方式:项目中css样式reset:。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。二:将项目分成模块化,一块一块,实现局部刷新:创建header块:有可能缺少依赖:将header与App.vue相连接:
2018-02-05 17:26:08
650
2
原创 Vue类似点餐软件开发(一:前言)
Vue介绍:框架Vuejs的核心思想,原理:Vue脚手架工具:Vue-cli用开发者命令(Node.js)打开一个项目:如果用到了在vue项目创建的后初始化首次使用stylus安装方法分享:很好用的一个svg制作网站:https://icomoon.io/app/#/select/font
2018-02-05 13:56:56
910
原创 npm run dev出错
是版本过低的原因:试一下 卸载npm uninstall webpack-dev-server,在安装这个 npm i webpack-dev-server@2.9.7,我的可以正常启动了。
2018-02-02 16:25:15
7903
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人