Stark6的博客

官网案例vue-cli官网有相关的教程，我在这里发现了一个注意事项，只有在chrome在当前文件的时候，设置的断点才会激活

项目的构建这里就不讲了，我的项目是使用vuecli创建的，node.js也是需要的一、npm安装npm install electron -gnpm install -g electron-prebuiltnpm install -g electron-packagerpackage.json{ "name": "wisdom", "version"...

首先在vs code中安装Debugger for Chrome 之后配置launch.json{ "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "vuejs: chrome", "url":...

在axios中同一封装，将请求之后code不等于0的数据进行弹窗显示在封装axios的时候，通过require导入elementUI，之后调用message方法。import axios from 'axios'var ui = require('element-ui')// 生产环境axios.defaults.baseURL = "http://XXXXXXXX"//...

vue-router的重定向 { path: '/', redirect: '/recommend' },redirect之后放字符串的path即可自定义路径在文件引入的时候使用../../的方法很是麻烦，这里介绍一个使用自定义路径引入文件的方法：在vue.config.vue中定义module.exports = { conf...

import axios from 'axios'// 线上数据库// axios.defaults.baseURL = "XXXXXXXXXXXXX"// 测试数据库axios.defaults.baseURL = "http://192.168.1.25:8080"axios.defaults.timeout = 2500;// 添加请求拦截器axios.interce...

自定义指令和组件的使用方式很像，分为局部和全局注册。// 全局注册vue.directive('注册的指令名‘，{ // 指令选项)}// 局部注册// 在vue内directive: { 指令名称: { // 指令选项 }}自定义指令选项由几个钩子组成：bind：只调用一次，指令第一次绑定在元素时调用，用这个钩子可以定义一个在绑...

这篇文章讲讲如何通过文件名来区分为上传的文件显示不同图片的方法：第一步，根据上传文件的后缀名来判断文件格式e.target.files[0].name.slice(e.target.files[0].name.lastIndexOf('.') + 1)spring.lastIndexOf('.')方法返回该字符串最后一次出现在字符中的位置；spring.slice()方法字符串返...

上文讲到点击input触发change事件，之后在函数中创建formdata对象，for循环将files对象append到formdata对象的file属性中。let file = e.target.files// 这里拿到上传的文件this.file = new FormData()for(i=0;i<file.length;i++) { this.file.appen...

使用input标签，type=‘file’的时候就可以上传文件，为input标签添加change事件，调用函数。<input type="file" @change="uploading">之后再函数里创建formdata对象，将文件append到对象中去uploading(e) { let file = e.target.file[0]; this.b...

使用vuecli完成项目的时候，经常会引入各种文件。而每次引入的时候使用相对路径的话，是非常麻烦的。如果使用vue-cli的话，可以用~@来代表src文件，之后通过绝对路径来引用文件。vue-cli默认配置alias，将@配置为src文件，可以在\node_modules\@vue\cli-service\lib\config\base.js这个文件里看到源码.alias ...

滚动条的隐藏body::-webkit-scrollbar { display: none;}将类名换成有滚动条的元素即可，在这里安利一篇文章，讲的蛮详细的。https://juejin.im/post/5a6046dbf265da3e253c3534滚动的实现首先需要两个div嵌套，外层div固定宽度并且设置overflowoverflow:scroll;...

在使用v-for的时候，如果渲染的数据是后端传过来的，不会有问题。但是如果拿到数据后再进行增删改查，v-for渲染的时候就会出现不渲染之类的问题。Ps：我遇到的问题是刷新页面之后不显示数据，但是随便找一个onclick的div点击一下，数据就出来了，纠结了很久，今天终于解决了，发个博文以免以后忘记。这里粘一下Vue官网的解释：由于 JavaScript 的限制，Vue不能检测以下...

input标签type为number时的样式问题只需要修改input的css即可实现箭头的隐藏input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none;}input[type="number"]{ -moz-appearance: textfiel...