木灵鱼儿

博客
正在进入:首页

分类 vue 项目实战 下的文章

vue 引入本地文件其他路由页面刷新后报错不存在
vue 引入本地文件其他路由页面刷新后报错不存在

一般来说,vue的本地资源引入是由index.html文件进行引入的,但是我做页面的时候遇到一个问题,就是在首页刷新没有问题,在其他路由页面刷新,就会出现报错,提示 某某某js文件或者方法不错在,或者资源文件,如css,img这些引入出错。原因就是因为引入时在开头加./,按...

木灵鱼儿

Nginx启用vue的history模式
Nginx启用vue的history模式

一般我们认为启用history模式只是去掉地址栏的#符号,然后Nginx服务器为了实现这个效果需要添加一段代码用于支持该效果。但实际上并不是表面上那么简单,给Nginx添加这段代码后,我们可以直接在地址栏输入路由链接,从而进入到对应的路由页面,如果没有使用该段代码,地址栏的...

木灵鱼儿

vue cli3 如何绑定图片src属性
vue cli3 如何绑定图片src属性

升级到3之后,静态的文件都统一存放在public目录下,但是这个目录下,你在index.html的时候很好引入,在组件中,就不行了,因为webpack打包后路径就变了,所以我们要使用一个动态的参数。动态参数绑定这种情况一般出现在我们用v-for遍历一个对象,在对象里面会有对...

木灵鱼儿

vue 理解双向绑定v-model和调用组件为何要用v-mdel绑定
vue 理解双向绑定v-model和调用组件为何要用v-mdel绑定

vue中绑定一个属性使用的是v-bind:指令,简写形式为:;使用该指令可以绑定data中的key,从而获取它对于的value值,但是这个绑定它是单向的,如果你元素本身修改了内容,并不会影响到data中对于的值。在与表单的交互中只有单向绑定是不实用的,于是有了双向绑定,我们...

木灵鱼儿

关于手机端虚拟键盘压缩页面高度的解决办法
关于手机端虚拟键盘压缩页面高度的解决办法

手机端只要有输入框,弹出虚拟键盘后,一般来说都会压缩整个页面的高度,这就导致了一个问题,如果浮动于底部的标签就会被压上来,以及一些根据页面高度百分比定位的元素错位,解决这个问题目前我就只有一个办法: 固定整个页面的高度在页面每次加载后获取window的innerHeight...

木灵鱼儿

iPhone手机端点击form表单元素自动放大
iPhone手机端点击form表单元素自动放大

页面写好后我在ipad上测试,安卓上测试,都没有出现这个问题,但是在iPhone上就会出现,我点击表单,整个页面就会被自动放大,我当时一脸懵逼,代码没错啊,于是百度了了好久,很多人都只是提供了某一小段meta标签,实际使用并无效果,实测需要两条配合使用就可以解决这个问题,代...

木灵鱼儿

vue AES对称加密 crypto-js 教程
vue AES对称加密 crypto-js 教程

之前写过一次加密,这次就重新调整并发布出来,一般来说,cookie用于存储账号信息是不安全的,但是后端一般很少会给你做这个功能性的适配,只能前端硬着头皮写了,为了安全,加密是必不可少的了,这里我们就是用crypto-js的aes加密.首先安装我们需要的插件,npm安装,其他...

木灵鱼儿

微信内置浏览器不能下载的问题以及ios衍生出来的问题
微信内置浏览器不能下载的问题以及ios衍生出来的问题

我今天才知道,微信内置的浏览器无法点击下载链接下载文件的,虽然有一些办法,但是最简单粗暴的就是提示用浏览器打开即可.微信端要求1ios最好只用safari浏览器打开安卓用浏览器打开即可解决办法就直接判断,如果是ios就提示用safari,安卓就用其他浏览器打开,直接做ua判...

木灵鱼儿

安装vue-cli遇到的问题总汇
安装vue-cli遇到的问题总汇

npm命令无法执行vscode终端中,输入npm提示无法执行,主要原因是没有权限,用管理员模式打开vscodevue-cli安装完无法输入命令运行主要原因是系统设置了禁止运行脚本,win10用管理员模式打开PowerShell,输入get-ExecutionPolicy会返...

木灵鱼儿

解决iPhone的click延迟
解决iPhone的click延迟

上次我通过监控click的触发时间来判断是否双击后,在ipad上测试是已经解决了的,但是iPhone上居然又不行了,他需要点击三次才会触发双击事件,按道理,判断时间是没有问题的,400ms也刚刚好,于是又去研究.同事告诉我说苹果的会有click延迟,为此我测试了一下,点击一...

木灵鱼儿

Info
Site Info

以前觉得活下去很难,现在发现活的好才难!

创建于20156

总共发表了185篇文章

Archive
Article Archive
Weather
Weather

湿度
设置
配色方案

宽度

现在购买