![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 50
博迪
这个作者很懒,什么都没留下…
展开
-
localStorage存取数据增对象
methods: { searchAll() { if (this.state1 !== '') { var templist = JSON.parse(localStorage.getItem("msgBody") || "[]"); templist.map((item, index) => { if (item.value == this.state1) { templist.splice(index, 1).原创 2021-03-25 08:37:28 · 225 阅读 · 0 评论 -
vue 事件修饰符(阻止默认行为和事件冒泡)
原生js中,阻止事件冒泡,获取点击对象, e.stopPropagation();vue阻止事件冒泡@click.stop=“show”<body> <div id="myApp" @click="show2()"> <div @click="show1()"> <button @click.stop="show">vue点我</button> </div> .原创 2021-03-10 08:32:37 · 632 阅读 · 0 评论 -
Vue 项目 ESlint 配置
.eslintrc.js/** * 使用 vue cli 3 创建项目时默认生成 .eslint.js 文件及默认配置, * 修改对应的选项已适合 vue 项目开发 */const path = require('path');module.exports = { root: true, env: { node: true, }, extends: [ ...原创 2019-04-09 09:12:57 · 818 阅读 · 0 评论 -
新建 vue 项目
新建 vue 项目安装 :npm i @vue/cli -g使用 vue cli 初始化项目骨架结构选择手动配置选择项目需要的组建 Bable、Router、Vuex、Linter、Test ,router 和 vuex 可以根据项目需求自行添加选择 eslint 方案,统一为采用 airbnb 的配置,在这个基础上增加自定义配置。选择保存验证选择 jest 为项目的测试框...原创 2019-04-09 09:20:32 · 90 阅读 · 0 评论 -
vue 多页面开发配置
增加 vue.config.js 内容如下:// const fs = require('fs');// const path = require('path');const glob = require('glob');// const titles = require('./title.js');// const MOD_PATH = path.resolve(__dirname, ...原创 2019-04-09 09:23:06 · 346 阅读 · 0 评论 -
vue 常用组件
vue 常用组件https://curated.vuejs.org/https://github.com/vuejs/awesome-vueFormPicker:https://github.com/mariomka/vue-datetimeUI:http://element-cn.eleme.io/#/zh-CN element uI组件http://mint-ui.github....原创 2019-04-09 09:26:24 · 563 阅读 · 0 评论 -
@vue/cli将px转换成rem单位配置(flexible,px2rem)
与原来的vue-cli 2.x版本不同的是:如果使用最新版本的@vue/cli初始化vue项目时,通常看不到webpack的配制文件。而在原来的2.x版本,我们可以在utils.js中轻松配制px2rem相关配置。为了解决这个问题,我研究了一下vue-cli的官方文档,发现我们仍然可以像以往那样配制。具体步骤如下:安装安装lib-flexible: npm install --save l...原创 2019-04-09 09:57:04 · 269 阅读 · 0 评论 -
vue路由传参的三种基本方式
现有如下场景,点击父组件的li元素跳转到子组件中,并携带参数,便于子组件获取数据。父组件中:<li v-for="article in articles" @click="getDescribe(article.id)">methods:方案一: getDescribe(id) {// 直接调用$router.push 实现携带参数的跳转 t...原创 2019-04-26 15:39:31 · 139 阅读 · 0 评论 -
Vue插件之滑动验证码
预览目前仅前端实现,支持移动端滑动事件。版本V1.0.5github文档地址: https://github.com/monoplasty/vue-monoplasty-slide-verify安装npm install --save vue-monoplasty-slide-verify使用方法:// main.jsimport Vue from 'vue';import S...原创 2019-04-10 15:15:12 · 4647 阅读 · 0 评论