- 博客(23)
- 收藏
- 关注
RSS订阅原创 doc---vue-cli脚手架项目问题总结（17）——vue的项目在各设备运行的问题
##、处理页面中输入框，键盘弹起遮盖输入框的问题解决//键盘遮挡输入框的处理方法Vue.prototype.avoidCoverInput = function(eleId){ setTimeout(function(){ let pannel = document.getElementById(eleId); pannel.scrollIntoView(false); pan...
2020-04-15 14:52:38
203
原创 doc---vue-cli脚手架项目问题总结（16）——vue使用第三方插件库
##、vue项目中引入三方js库粘贴板的方法<script> import swiper from '../lib/swiper-3.4.0.jquery.min'; export default { name:'focusimg', mounted:function(){ this.$nextTick(fu...
2020-04-15 14:48:39
559
原创 doc---vue-cli脚手架项目问题总结（15）——vue打包后的项目出现的问题
##、关于打包之后项目打开白页的问题在config文件下的index.js中将 assetsPublicPath: '/' ,做如下修改，改变路径即可##、关于打包之后图片路径错误的问题解决理解在webpack中一切皆模块的思想: 将所有的图片按照模块进行处理即新建一个文件, 然后使用 import 引入所有的图片, 使用即可.（在把图片放到static目录下面, 其实也是一种方法....
2020-04-15 14:29:23
244
原创 doc---vue-cli脚手架项目问题总结（14）——vue项目中的各种配置问题
##、vue-cli的proxyTable配置跨域请求接口数据例如：请求的接口为：http://192.168.0.241:8087/tradeController/tradeListByItem?item=6target：设置为：http://192.168.0.241:8087/changeOrigin参数，接收一个布尔值，如果设置为true,那么本地会虚拟一个服务端接收你的请求并代你发...
2020-04-15 14:27:53
199
原创 doc---vue-cli脚手架项目问题总结（13）——vue的数据请求及拦截
##、vue-resource请求数据的时候不能携带参数的问题this.$http.get的data部分，必需写成{params {key: value}}的形式，否则不能携带参数传递。##、vue-resource拦截器使用在vue项目使用vue-resource的过程中，临时增加了一个需求，需要在任何一个页面任何一次http请求，增加对token过期的判断，如果token已过期，需要...
2020-04-15 14:24:15
315
原创 doc---vue-cli脚手架项目问题总结（12）——vue组件中的传值问题（非使用vuex）
##、父组件向子组件传值（props）props的值中不可有大写字母，若为listData则不会识别 引用该组件时，通过import引入，并且components中要写入引入的组件的命名，在组件中以prop的形式进行传参规定props的数据格式和默认值对于Object和Array的设置默认default值的，要使用工厂函数去 return一个值，否则报错：Props with type...
2020-04-15 11:57:41
263
原创 doc---vue-cli脚手架项目问题总结（11）——vue的组件的使用
##、使用Vue.use()使用全局组件在main.js中引入组件（组件必须要在一个文件夹下，里面要写入index.js；index.js是入口文件。）组件my_login.vue是按一般组件的格式进行开发；Index.js是组件的入口文件：import MyLogin from './my_login.vue'// 这里是重点const Mylogin = { insta...
2020-04-15 11:42:29
186
原创 doc---vue-cli脚手架项目问题总结（10）——vue的事件问题
##、vue事件修饰符（摘自官网）<!-- 阻止单击事件冒泡 --><a v-on:click.stop="doThis"></a><!-- 提交事件不再重载页面 --><form v-on:submit.prevent="onSubmit"></form><!-- 修饰符可以串联 --><a ...
2020-04-15 11:36:57
161
原创 doc---vue-cli脚手架项目问题总结（9）——vue的watch的使用
##、普通用法；data() { return { frontPoints: 0 }},watch: { frontPoints(newValue, oldValue) { console.log(newValue) }}或：// 监听,当路由发生变化的时候执行watch: { '$route':'getPa...
2020-04-15 11:31:47
318
3
原创 doc---vue-cli脚手架项目问题总结（7）——vue的directives自定义指令的使用
##、directives自定义指令// 注册一个全局自定义指令 v-focusVue.directive('focus', { // 当绑定元素插入到 DOM 中。 inserted: function (el) { // 聚焦元素 el.focus() }})// 注册一个局部自定义指令 v-focusdirectives: { foc...
2020-04-14 10:09:33
323
原创 doc---vue-cli脚手架项目问题总结（6）——vue的solt的使用
=vue的solt的使用===##、使用vue的slot分发内容页面内容<!--对话框模版--><template id="dialogTemplate"> <div class="reloadDiv" v-if="show_dialog"> <div class="board fixed" @click="hide_dialog">&...
2020-04-14 09:59:22
149
原创 doc---vue-cli脚手架项目问题总结（5）——vue的ref的使用
=vue的ref的使用====##、ref的使用以及说明ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例：<div id="app"><input type="text" ref="input1"/><button @...
2020-04-14 09:56:45
183
原创 doc---vue-cli脚手架项目问题总结（4）——vue的set的使用
=vue的set的使用====##、不改变数组长度的情况下，同步修改数组Vue.set(that.couponUseOrNoArr, that.list_index, 1);//或者 局部写法this.$set(that.couponUseOrNoArr, that.list_index, 1);##、修改对象中的某个属性，页面同步显示更改Vue.set(that.testObj,...
2020-04-14 09:46:03
477
原创 doc---vue-cli脚手架项目问题总结（3）——路由使用部分
======================路由使用部分=========================##、定义路由定义路由router，并引进vue实例中var router = new VueRouter({ routes:[ { path:'/', name: 'home', c...
2019-05-16 18:21:35
406
原创 doc---vue-cli脚手架项目问题总结（2）——图片、样式、动画等部分
=============图片、样式、动画等部分=============##、关于图片的路径问题publicPath: '../../'Template中的图片可以直接从assets的文件夹中获取，但是data中的img本地图片数据在static文件夹下建一个文件夹存放静态图片要通过import引入，这样才能在页面渲染图片；css中的图片要修改utils.js的文件。...
2019-05-16 17:59:54
246
原创 doc---vue-cli脚手架项目问题总结（1）——vue的不常用知识及易错语法点
==========vue的不常用知识及易错语法点=========##、v-show和v-if的使用区别v-show是样式display的值为none和block的切换，页面上本来就存在这些html代码，对于这些代码注册事件可以直接注册；v-if是页面不存在这些html代码，在其为true的时候开始加载渲染这些html代码，对于该部分代码注册事件要用动态注册##、v-for比...
2019-05-16 17:55:14
190
转载 JavaScript正则表达式下——相关方法
JavaScript正则表达式下——相关方法在一切开始之前，看看RegExp实例的几个属性RegExp实例对象有五个属性1.global：是否全局搜索，默认是false2.ignoreCase：是否大小写敏感，默认是false3.multiline：多行搜索，默认值是false4.lastIndex：是当前表达式模式首次匹配内容中最后一个字符的下一个位置，每次正则表达式成功匹配时，l...
2019-05-16 17:42:48
130
转载 ios上时间显示的问题
问题一：这个界面运用了大量的日期类型的计算，当我们用JavaScript实例化一个日期对象时，我们可以这样用:var date =new Date();上面这段代码是获取当前日期，这段代码在Firefox、Chrome、Safari浏览器中都可以运行。但是如果我想根据字符串获取日期，问题就来了。看下面代码。var date =new Date("2016-05-31 08:00");这段...
2019-03-11 11:32:07
633
2
转载 谷歌浏览器开发者工具说明
1、开发者工具的Timeline面板Chrome浏览器开发者工具的Timeline面板，是查看"刷新率"的最佳工具。这一节介绍如何使用这个工具。首先，按下 F12 打开"开发者工具"，切换到Timeline面板。...
2019-03-11 11:28:23
962
原创 Vue-cli和Koa2搭建自己的测试项目（初步练习）
目录一、 安装vue-cli脚手架（见vue-cli项目搭建文档）； 2二、 创建服务文件夹sever 2三、 创建服务启动文件 2四、 数据库sql语句及注意事项 44.1 介绍mysql中模糊查询的四种用法： 7五、 使用async、await、promise时注意 9六、 使用jsonwebtoken进行签发token和token的解密 96.1 (token加密） 96....
2019-03-11 11:25:15
966
2
原创 Vue-cli 2.0使用淘宝镜像搭建总结
1.Node.js安装下载安装点击下载: Node下载（https://nodejs.org/en/download/） 根据自己电脑系统安装，一直点下一步即可，Windows+R快捷键打开cmd窗口，输入node -v出现版本号，即安装成功！2.Vue.js安装使用NPM安装由于 NPM 安装速度慢（服务器在国外），这里使用淘宝的镜像及其命令 cnpm安装淘宝的镜像：打开cmd命令...
2019-03-11 11:17:31
3888
1
原创 gitHub上创建项目总结文档
2、Github配置链接https://github.com/进入github登录。帐号：qq邮箱， 密码： ******；首先在本地创建ssh key；$ ssh-keygen -t rsa -C &amp;quot;your_email@youremail.com&amp;quot;找到id_rsa.pub文件，复制里面的key值，粘贴到github对应的位置3、为验证是否成功，在git bash中输入：$...
2019-03-11 11:09:29
355
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人