![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 63
Funfction_Zero
这个作者很懒,什么都没留下…
展开
-
elemenPlus ElMessage 字符串如何换行问题
ElementPlus中的ElMessage提示字符串换行问题原创 2023-08-22 09:09:52 · 2592 阅读 · 0 评论 -
采坑道路4:vite报错(vue3.0+element-plus )由一个语言包引起的问题
事情起因:在用element-plus写分页的时候,发现默认的样式始终是英文,如图:因为想转成中文,在尝试各种方法无果后,只能寻求度娘了,发现处理的方法都一样import ElementPlus from 'element-plus'import zhCn from 'element-plus/es/locale/lang/zh-cn'app.use(ElementPlus, { locale: zhCn,})天真的以为这样就好了,结果发现浏览器报了一个错误很奇怪。是不是,刚开始以原创 2021-09-02 17:38:34 · 3758 阅读 · 2 评论 -
vue-cli3.0 组件库demo 发布到 npm上开源 所遇到的问题
vue-cli3.0 组件库demo 发布到 npm上开源 所遇到的问题其实网上的文章已经有很多了,按照步骤来是没问题的,这篇文章主要是记录我在发布过程中所遇到的一些问题以及怎么处理的,希望能帮助到一些朋友。这是我的demo目录结构,项目创建初始化后 只是增加了一个 package文件夹,其他默认的目录结构几乎没变,另外因为用到了typescript,所以会有几个声明文件,另外就是在vue-cli3.0中这个可选的vue.config.js文件,是必须得加的贴一下configmodule.expo原创 2020-11-27 17:13:15 · 356 阅读 · 0 评论 -
VUE 移动端处理input光标定位在最后的问题(简单版)
在Vue中 使用JS调整input光标位置,让他保持在最后在调试移动端的时候,由于触摸事件,光标有时候会错位,所以导致有需求需要控制js光标的位置,要么在前要么在后,在查了相关的资料后,发现其实很简单,就几行代码能实行,并且兼容多种浏览器。 <input placeholder="str" type="number" v-model="model" @focus="End($event)" /> methods原创 2020-05-21 10:22:45 · 8294 阅读 · 2 评论 -
小白VUE学习笔记5:History模式下,打包后页面刷新访问404
Vue-Router采坑系列:History模式首先我们可以看看官网上的说明const router = new VueRouter({ mode: 'history', routes: [...]})所以说这里两种解决方案:一、 不用history模式这个就很简单了,改为hash模式。唯一的不同可能就是url的地址不好看而已。二、后台支持配置其实官网有很多例子,包括A...转载 2019-04-11 10:25:26 · 1681 阅读 · 0 评论 -
采坑道路1:IOS fastclick 获取焦点点击失效,需要多次点击(混合开发)
应用场景:因为项目用前端混合式开发,在ios手机会有300ms的延迟,所以用到了[fastclick.js](https://github.com/ftlabs/fastclick)。按照官方的说明,直接引用,如下if ('addEventListener' in document) { document.addEventListener('DOMContentLoaded', functi...原创 2019-02-21 10:39:57 · 2730 阅读 · 1 评论 -
小白VUE学习笔记4:不同报错的解决方法(持续更新)
1、Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.其实报错已经说的很清楚了,大致意思就是 VUE的模板组件只能有一个根对象 ,相当于说<templ...原创 2018-11-28 14:50:13 · 1045 阅读 · 0 评论 -
小白VUE学习笔记3:Vuex的this.$store.commit和在Vue项目中引用公共方法
1、在Vue项目中引用公共方法作为一个新人小白,在使用vue的过程中,难免会遇到很多的问题,比如某个方法在很多组件中都能用的上,如果在每个组件上都去引用一次的话,会比较麻烦,增加代码量。怎么做比较好呢,话不多说直接看代码把首先 要在main.js中引入公共js。然后,将方法赋在Vue的原型链上。像图中这样。 然后在需要的组件上去引入这个方法 mouted (){ //调用方法 ...原创 2018-11-22 20:50:29 · 37899 阅读 · 0 评论 -
小白VUE学习笔记1:Vue:router的beforeEach与afterEach钩子函数
在路由跳转的时候,有时候需要一些权限判断或者其他操作。这时需要使用路由的钩子函数。定义:路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。总体来讲vue.router里面提供了三大类钩子,两种函数1、全局钩子2、某个路由的钩子3、组件内钩子两种函数:1、Vue.beforeEach(function(to,form,next){}) /在跳转之前执行/2.Vue...原创 2018-11-22 16:13:27 · 476 阅读 · 0 评论 -
个人经历分享:一步一步实现vue+element+nodejs实现跨域上传文件。
作者是一名一年多前端小白,最近公司新的需求,实现了这样一个功能,将心路历程一步一步记下来。首先是前端整体框架是vue2.x+elementUI+nodejs(koa) 搭建的这样一个项目第一步:要实现文件上传,首先想到的是表单上传,OK,那么没问题,elementUI有自带组件,我们来看一下。这个就是element自带组件el-upload,由于接口需求在接受文件的同时还得带一个参数id...原创 2018-09-25 15:37:50 · 4240 阅读 · 1 评论