随笔分类 - Vue
1
摘要：1.安装：npm install vue-awesome-swiper --save 2.局部引入： import "swiper/dist/css/swiper.css"; import { swiper, swiperSlide } from "vue-awesome-swiper"; comp
阅读全文
摘要：vue安装node-sass编译报错安装node-scss报错安装node-scss报错在搭建vue脚手架 或者是在vue项目中，想使用sass的功能， npm install node-sass --save-dev //安装node-sass npm install sass-loader --
阅读全文
摘要：当在router.beforeEach((to, from, next) 钩子函数中使用： 1、使用next()时，直接跳转到下一页，没有再执行导航钩子函数 2、使用next('指定路径')跳转到指定页面还会执行钩子函数所以会死循环。 所以在钩子函数中使用next('指定路径')时候： 一般会加判断
阅读全文
摘要：只要加上上面下划线部分代码即可，利用了v-if重新渲染的特性。 方法二： 见官网：https://v-charts.js.org/#/skill-demo（推荐）
阅读全文
摘要：事件修饰符 --> 有事找百度
阅读全文
摘要：解决方法第一步： 安装 babel-polyfill 。 babel-polyfill可以模拟ES6使用的环境，可以使用ES6的所有新方法 npm install --save babel-polyfill 第二步：在webpack.base.conf.js文件中修改： 替换
阅读全文
摘要：为了防止用户未登录直接修改路径来访问页面，解决办法： 在main.js文件中加入以下代码： 在需要拦截的路由中添加：
阅读全文
摘要：以登录为例： 1、安装vuex：npm install vuex --save 2、在main.js文件中引入： 3、在src文件目录下新建一个名为store的文件夹，为方便引入并在store文件夹里新建一个index.js,里面的内容如下:import Vue from 'vue'import V
阅读全文
摘要：刷新页面时候将state数据保存到localStorage里面：
阅读全文
摘要：1、html页面： /* 短信验证码css */ .pr { position: relative; } .code-btn { width: 100px; height: 20px; position: absolute; top: 10px; right: 5px; z-index: 222;
阅读全文
摘要：效果图： 1、新建生成验证码的组件Sidentify.vue(代码如下): 2、在需要的页面引入该组件并使用： <el-form-item prop="code"> <el-input v-model="form.code" autocomplete="off" placeholder="请输入验证
阅读全文
摘要：1.新建bus.js文件： import Vue from 'vue' export default new Vue; import Vue from 'vue' export default new Vue; 2.在需要通信组件A，B中引入bus： A组件： import Bus from "@/
阅读全文
摘要：1：使用vue-cli创建好项目（此处省略步骤）2：在项目中安装vux：npm install vux --save3：安装vux-loader：npm install vux-loader --save-dev4：安装less-loader ：npm install less less-load
阅读全文
摘要：1.在src下新建util文件夹，在util下新建request.js文件： 封装axios： export function deletes(url, params) { return new Promise((resolve, reject) => { axios.delete(url, { d
阅读全文
摘要：1:全局安装vue-cli：npm install --global vue-cli2:进入你的项目目录：cd myProject3:初始化创建项目：vue init webpack vue-demo4:安装依赖：npm install5:启动项目：npm run dev
阅读全文
摘要：开发环境：配置config文件夹中index.js文件： proxyTable: { '/api': { target: 'http://10.10.1.242:8245',//后端地址 // secure: false, // 如果是https接口，需要配置这个参数 changeOrigin: t
阅读全文
摘要：1.首先通过css实现多行文本显示省略号： 发现最后一行会占满一行，不是想要的效果： 为实现最后一行不占满，想到通过截取文本字数来实现： 最后实现效果如图：
阅读全文
摘要：使用js-cookie工具： 1.npm i js-cookie //安装2.import Cookies from 'js-cookie' //引用 // 存入cookie：Cookies.set('token','value') // 获取cookie：Cookies.get('token')
阅读全文
摘要：git add . //添加到本地缓存区 git commit -m '备注 ' //提交代码到本地仓库 git push //将本地代码推送到develop分支上 git checkout master // 切换到master主分支上 git merge develop //将develop 分
阅读全文
1
浙公网安备 33010602011771号