![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
工作技术总结
蓝色星辰0712
这个作者很懒,什么都没留下…
展开
-
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 · 168 阅读 · 0 评论 -
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 · 509 阅读 · 0 评论 -
doc---vue-cli脚手架项目问题总结(15)——vue打包后的项目出现的问题
##、关于打包之后项目打开白页的问题在config文件下的index.js中将 assetsPublicPath: '/' ,做如下修改,改变路径即可##、关于打包之后图片路径错误的问题解决理解在webpack中一切皆模块的思想: 将所有的图片按照模块进行处理即新建一个文件, 然后使用 import 引入所有的图片, 使用即可.(在把图片放到static目录下面, 其实也是一种方法....原创 2020-04-15 14:29:23 · 214 阅读 · 0 评论 -
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 · 158 阅读 · 0 评论 -
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 · 284 阅读 · 0 评论 -
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 · 222 阅读 · 0 评论 -
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 · 154 阅读 · 0 评论 -
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 · 132 阅读 · 0 评论 -
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 · 275 阅读 · 3 评论 -
doc---vue-cli脚手架项目问题总结(8)——vue的computed的使用
##、computed传参和不传参的注意区别原创 2020-04-14 10:11:37 · 263 阅读 · 0 评论 -
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 · 280 阅读 · 0 评论 -
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 · 121 阅读 · 0 评论 -
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 · 147 阅读 · 0 评论 -
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 · 444 阅读 · 0 评论 -
谷歌浏览器开发者工具说明
1、开发者工具的Timeline面板Chrome浏览器开发者工具的Timeline面板,是查看"刷新率"的最佳工具。这一节介绍如何使用这个工具。首先,按下 F12 打开"开发者工具",切换到Timeline面板。...转载 2019-03-11 11:28:23 · 899 阅读 · 0 评论 -
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 · 301 阅读 · 0 评论