![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 63
晴天'
这个作者很懒,什么都没留下…
展开
-
使用webStorm创建一个vue项目
1、点击左上角【File】----【new】----【project】2、选择项目存放地址,及确定项目名等信息3、可能会弹出是否使用淘宝镜像站等设置,根据项目实际开发需求来选择即可。4、项目创建完毕,运行项目:方式一:方式二:打开Terminal,输入npm run serve,即可:这里的serve 是根据package.json文件里面来的,有的可能不是serve而是dev,所以要根据自己项目实际情况来操作。如果是dev,那么 npm run serve 命令就是npm run原创 2020-08-25 10:09:57 · 10863 阅读 · 0 评论 -
vue实现点击复制文本功能
废话不多说,直接上步骤!STEP1:安装clipboard.jsnpm install clipboard --saveSTEP2:在需要使用的页面引入clipboardimport Clipboard from 'clipboard';STEP3:vue: // 这里的url是要复制的内容, class名与点击事件里创建 Clipboard 对象相关联<div> <p @click="copyUrl" class="copy-btn" :data-clipbo原创 2020-08-03 18:05:39 · 3309 阅读 · 1 评论 -
vue获取当前页面地址及主机地址相关操作
废话不多说,直接上代码! // 获取当前页面地址,如http://localhost:8080/admin/index let wPath = window.document.location.href; // 获取当前页面主机地址之后的目录,如:/admin/index let pathName = this.$route.path; let pos = wPath.indexOf(pathName); // 获取主机地址,如:http://localhost:8080 le原创 2020-08-03 17:07:46 · 11495 阅读 · 0 评论 -
校验手机号正则,支持166及199等手机号
现在有166及199的手机号了,以前网上找的正则不能用啦,给出个示范的正则,以后有变动可以直接在这个基础上修改手机号正则:== 暂支持13,14,15,16,17,18,19开头的手机号==/^[1][3,4,5,6,7,8,9][0-9]{9}$/...原创 2019-09-04 09:57:44 · 3024 阅读 · 0 评论 -
vue报错Cannot read property ‘_withTask‘ of undefined
这种问题只记录一次,希望进来得各位也只看一次,以后能够一看到就知道啥意思,然后解决掉哈。一般是出现在浏览器上运行时,页面得控制台报错,不要觉得没太大影响就是了,我一开始也想着后面再去看是什么报错,但是后来发现这个报错是有可能会影响操作流程或者其他效果出现不了的。具体报错如下:问题是因为存在@click事件没有对应得方法引起得,不知道哪个忘了写,就搜索一下,比如我得:这个back就没有对...原创 2019-06-19 18:53:17 · 3084 阅读 · 0 评论 -
点击输入框时限制手机自带输入键盘打开的解决方法
在做手机APP时有需求为点击输入框,打开一个数字键盘或者其他像日期选择类组件,但是当点击了input输入框,手机会自动打开手机输入键盘,同时也打开了代码里得数字键盘,所以要限制手机键盘得打开。限制手机键盘的打开代码很简单,就一行能解决:1.在input加一个点击事件,例如: <input class="remind_input" readonly @click="checkDate" ...原创 2019-05-31 15:55:24 · 1956 阅读 · 0 评论 -
vue 实现发送短信验证码后按钮的倒计时及禁用功能
参考网上的写过一个,但是第二次发送验证码倒计时会加快,调整后可用。话不多说,直接上代码。页面:<div class="iptbx round"> <div class="txt"><input type="text" class="ipttype" name="username" v-model="model.username" place...原创 2019-04-20 15:09:23 · 5481 阅读 · 5 评论 -
vue项目Error: Cannot find module ‘xxx’类报错的解决方法
项目中需要新下载一个插件,当时网络不是特别好,下载失败了,后来不知道怎么项目就跑不起来了。运行cnpm install没问题,运行cnpm run serve就会报错:internal/modules/cjs/loader.js:583[app-scripts] throw err;[app-scripts] ^[app-scripts][app-scripts] Error: Can...原创 2019-02-13 17:04:06 · 169705 阅读 · 29 评论 -
安装node.js + 搭建vue环境 + 安装脚手架 + 构建vue项目的详细教程
搭建vue开发环境的时候在网上找了几个教程,还是遇到了比较几个坑,所以写下这篇可以让你从零开始一步一步跟着本篇博客搭建好环境,顺利直接进行vue开发的步骤。第一步:安装node.js先去官网下载node.js,如下图,根据自己的电脑选择安装包下载,我的电脑是windows 64位的,所以选了下图红色框的。下载完成之后,点击下载好的安装包进行安装,安装过程全部直接点next,不用勾选其他,直...原创 2018-12-11 12:32:38 · 11548 阅读 · 2 评论 -
vue使用router-link :to=“{path:‘/index‘}“传参以及参数的使用
从A页面跳转到B页面,要带A页面的列表行中的行id在A页面跳转时带参数: &amp;amp;amp;amp;amp;amp;amp;lt;router-link :to=&amp;amp;amp;amp;amp;amp;quot;{path: '/franchiser/stores/salesclerk', query:{shopId:props.row.id}}&amp;amp;amp;amp;amp;amp;quot;原创 2018-12-11 16:34:51 · 20883 阅读 · 0 评论