vue
兔子零-A酱
每天努力一点,生活总不会过得太差
展开
-
vuedraggable clone
vuedraggable 提供了一个 clone事件,这个事件会返回 克隆目标、来源、索引等相关信息。事件名称说明clone从一个数组拖拽到另外一个数组时触发的事件和add不同,clone是复制了数组元素<!-- * @Description: vuedraggable * @Version: 0.1 * @Autor: wangmiao * @Date: 2021-06-12 20:54:49 * @LastEditors: wangmiao * @Last原创 2021-06-12 21:38:03 · 3078 阅读 · 1 评论 -
vue组件排序(动态组件)
渲染一个“元组件”为动态组件。依 is 的值,来决定哪个组件被渲染。<!-- * @Description: * @Version: 0.1 * @Autor: wangmiao * @Date: 2019-03-14 21:21:25 * @LastEditors: wangmiao * @LastEditTime: 2021-06-05 17:24:59--><template> <div class="test"> <!-- &原创 2021-06-05 17:36:15 · 1740 阅读 · 0 评论 -
Mac卸载vue不成功
npm install -g @vue/clinpm uninstall -g @vue/cli yarn global add @vue/cliyarn global remove @vue/cli首先确定你的是npm安装的还是yarn安装的,要用对应的卸载方式如果还是卸载不成功,那么有以下办法找到这些目录 进行删除/usr/local/bin/vue-ini/usr/local/bin/vue-list/usr/local/bin/vue/usr/local/lib/node_原创 2021-05-15 18:24:29 · 749 阅读 · 0 评论 -
vue3修改端口
第一步找到package.json文件dev修改为:"dev": "vite --port 8085"{ "name": "web", "version": "0.0.0", "scripts": { "dev": "vite --port 8085", "build": "vite build" }, "dependencies": { "vue": "^3.0.4" }, "devDependencies": { "vite": "^1原创 2021-02-15 23:54:11 · 1613 阅读 · 0 评论 -
element-UI级联选择器(Cascader)获取label值 - 代码篇
<el-cascader class="lk-cascader-turn-diagnosis" popper-class="common-select-popper" placeholder="" clearable ref="cascaderAddr"原创 2020-10-12 14:10:44 · 1008 阅读 · 3 评论 -
vue拖动上传
组件代码<template> <div class="img-uploader" @drop="handleDrop" ref="uploader"> <!--没有图片显示点击上传--> <p class="img-uploader-placeholder" v-if="!hasImages">{{...原创 2020-03-12 17:41:19 · 177 阅读 · 0 评论 -
前端字典基础
/* *Types:dicttinaries * @ClassName: test * @Description: select value * @author: wangmiao * @Company: xxxx * @date: 2019-05-01 10:34***//* ================== 仅供学习交流,如作它用所承受的法律责任一概与作者无...原创 2020-03-05 11:54:15 · 2083 阅读 · 1 评论 -
自己的vscode-settings.json配置
{ // 是否允许自定义的snippet片段提示 "editor.snippetSuggestions": "top", // vscode默认启用了根据文件类型自动设置tabsize的选项 "editor.detectIndentation": false, // 重新设定tabsize "editor.tabSize": 2, // #每次保存的时候自动格式化 ...原创 2019-05-27 10:50:27 · 50060 阅读 · 8 评论 -
VSCode 一键生成.vue模版
一、新建模板配置文件vue.json有三个方法,用哪个都行:使用快捷Ctrl + Shift + P唤出控制台,然后输入snippets并选择,输入 vue.json ,然后回车。文件>首选项>用户代码片断里面,输入 vue.json ,然后回车file > Preferences > User Snippets,当弹出搜索框之后,输入 vue.js...原创 2020-01-17 16:27:46 · 503 阅读 · 0 评论 -
vue-element上传
<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">保存</el-button><el-upload class="upload-demo" ref="upload" :action="action()" :o...原创 2019-12-17 08:59:09 · 110 阅读 · 0 评论 -
Editor.mdvue版本
Editor.md改vue版本 欢迎star GitHub:https://github.com/wangmiaozero/vueEditor.md原创 2019-12-09 16:01:05 · 399 阅读 · 0 评论 -
vue拦截
import Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css'Vue.use(El...原创 2019-10-31 12:00:46 · 217 阅读 · 0 评论 -
浏览器pdf显示(已解决)
<embed width="100%" height="700px" src="地址"></embed>原创 2019-09-29 19:16:28 · 1341 阅读 · 0 评论 -
vue+element upload上传带参数(已解决)
<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">保存</el-button> <el-upload class="upload-demo" ref="upload" :action="action()" :...原创 2019-09-29 17:20:05 · 12217 阅读 · 4 评论 -
vue-element-admin登录流程
1.安装最新的vue-element-admin;2.如有需要可以去掉eslint;在下面这个文件里面全局搜索3.删除所有的eslint文件4.开始安装依赖包, npm install5.启动服务:npm run dev ,但是打开的是两个窗口,需要把open设置为false;6.进入登录页面:7.后端编写登录接口(这里以java为列):验证码根据需求来进行设置;8....原创 2019-09-24 21:52:23 · 42595 阅读 · 43 评论 -
vuex使用
import Vue from 'vue'import App from './App'import router from './router'Vue.config.productionTip = false//引入vueximport Vuex from "vuex"//注册vuex到vue中Vue.use(Vuex)//new Vuex.Store()实例,得到一个 数据仓...原创 2019-09-20 15:36:38 · 96 阅读 · 0 评论 -
vue导航守卫
import Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css'Vue.use(El...原创 2019-09-20 15:24:59 · 228 阅读 · 0 评论 -
vue步骤条
html <div style="width:1200px;height:200px;" class="Article"> <div class="Article-title"> <div class="Article-title-nav">定金支付</div> <div clas...原创 2019-09-17 14:14:54 · 4270 阅读 · 0 评论 -
TypeError: Cannot read property 'gc' of undefined(已解决)
这种情况 排除单词写错的可能. 如果你用vue 那就是生命周期问题你可以尝试下mounted或者updated原创 2019-09-12 15:34:31 · 450 阅读 · 0 评论 -
移动端微信端rem兼容代码
ydui.flexible.js 是处理移动端 rem 自适应(可伸缩布局方案)的类库,无须第三方工具(如Sass/Less方法、Gulp、Sublime插件),轻松口算设计稿对应rem值;/** * YDUI 可伸缩布局方案 * rem计算方式:设计图尺寸px / 100 = 实际rem 【例: 100px = 1rem,32px = .32rem】 */!function (win...原创 2019-08-29 18:04:40 · 995 阅读 · 0 评论 -
[Vue warn]: Duplicate keys detected: '0'. This may cause an update error.
[Vue warn]: Duplicate keys detected: ‘0’. This may cause an update error.vue 中的key值出现了重复/或者KEY值问题原创 2019-04-15 23:03:55 · 2207 阅读 · 0 评论 -
vue中实现循环中的值切换状态
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-04-13 00:24:32 · 1215 阅读 · 0 评论 -
[Vue warn]: Error in mounted hook: "ReferenceError: wx is not defined"
[Vue warn]: Error in mounted hook: “ReferenceError: wx is not defined”问题,在index.html中引用2018-04-05 13:00:59 最新的为1.2了https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115.eslintrc....原创 2019-04-24 15:21:20 · 19596 阅读 · 0 评论 -
vue插件组件
Vue相关开源项目库汇总 Vue相关开源项目库汇总 </div> <article class="markdown-body entry-content" itemprop="text">UI组件...原创 2019-02-16 12:48:11 · 418 阅读 · 0 评论 -
浏览器定位
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1.0,user-scalable=no"> <title>浏览器定位</titl...原创 2019-04-25 11:23:55 · 828 阅读 · 0 评论 -
vscode 使用ESLint 自动检查,保存时自动格式化
1:全局安装eslintnpm install -g eslint2: 打开vscode 点击 “文件”-----》“首选项”----》“设置”,在右侧“用户设置/settings.json”里加入一下配置:{ //eslint 代码自动检查相关配置 "eslint.enable": true, "eslint.autoFixOnSave": true, ...原创 2019-05-21 22:04:56 · 15580 阅读 · 0 评论 -
vue-cli3配置favicon.ico
01.首先在index.html文件配置<link rel="icon" href="<%= BASE_URL %>favicon.ico">02.vue.conflg.js文件配置 // 第三方插件配置 pluginOptions: { // ... pwa: { iconPaths: { favicon32: '....原创 2019-05-26 19:17:32 · 10058 阅读 · 2 评论 -
axios封装
先建立 api文件夹下面建立config.jsexport default { // 全局配置baseURL baseURL:'http://www.litc.pro:9999/v1', withCredentials:true}再建立index.jsimport Vue from 'vue'import axios from 'axios'import c...原创 2019-07-13 12:58:02 · 718 阅读 · 0 评论 -
旋转动画
<template> <div> <div class="box"> <div class="boxChild"></div> <div class="iconfont icon-loading boxLoad "></div> </div> </...原创 2019-07-18 09:50:16 · 121 阅读 · 0 评论 -
vue鼠标经过动画
<template> <div class="hello"> <h1>{{ msg }}</h1> <div class="box"> <div class="boxchilde" @mouseenter="flag=true" @mouseleave="flag=false"> ...原创 2019-07-16 19:46:23 · 1941 阅读 · 0 评论 -
vue新窗口打开
方法1:const { href } = this.$router.resolve({ name: "ArticleDetail", params: { id: 0 }});window.open(href, '_blank');//window.open(href, '_blank', 'toolbar=yes, width=900, height=700')方法2:...原创 2019-07-30 14:23:24 · 782 阅读 · 0 评论 -
ERROR in static/js/vendor.7cb802c8f200e58702fa.1564669443657.js from UglifyJ
使用muse-ui vue2.8 搭建的项目 打包一直这个错. 不知道怎么解决原创 2019-08-01 23:19:54 · 364 阅读 · 0 评论 -
webpack配置
webpack.config.js// webpack loader列表// https://doc.webpack-china.org/loaders/less-loader// webpack plugin列表// https://github.com/webpack-contrib/awesome-webpack#webpack-pluginsconst path = requir...原创 2019-08-14 23:34:50 · 170 阅读 · 0 评论 -
vue响应原理
// 通过调用实现对对象的[响应式]化function defineReactive(obj, key, val) { // 初始化一个订阅者 const dep = new Dep() // 响应 Object.defineProperty(obj, key, { enumerable: true, // 属性可枚举 configurable: true...原创 2019-08-15 00:02:13 · 101 阅读 · 0 评论 -
axios请求两次解决方案!(已解决)
因为vue-resource不在更新,vue推荐使用axios,所以使用axios。在页面交互过程中,发现axios一定几率会发送两次请求,一次是自己设置的请求方式,还有一次是options。关于这个问题,在各个网站寻求原因,得出以下结论:跨域资源共享标准新增了一组 HTTP 首部字段,允许服务器声明哪些源站有权限访问哪些资源。另外,规范要求,对那些可能对服务器数据产生副作用的 HTTP 请...原创 2019-08-26 21:40:57 · 10152 阅读 · 0 评论 -
vue笔记
vue day01vue 简介简单易用, 上手快热度最高对比jQuery的区别以前使用jQuery结合模板引擎(art-template), 每一次进行页面渲染都需要将整个节点渲染, 而如果使用vue进行渲染, 只会将改变的内容渲染一次, 大大提高了用户体验!!!jQuery只是一个JavaScript库, 对项目的侵入性较小, 开发过程中可以很轻易的切换成其他库或框架来继...原创 2019-11-12 17:51:59 · 512 阅读 · 0 评论