vue
文章平均质量分 55
RoddyLD
这个作者很懒,什么都没留下…
展开
-
实现ElementUI的Dialog弹窗可以拖拽移动
实现ElementUI的Dialog弹窗可以拖拽移动ElementUI的Dialog 对话框默认的位置是在屏幕居中靠上方并且不允许拖拽移动的(如下图所示)我么可以使用vue的自定义指令,绑定到需要拖拽移动的el-dialog组件上,在自定义指令中处理弹框拖拽。(最终实现结果如下图所示)实现步骤1.创建自定义指令/directive/el-dragDialog/index.jsimport drag from './drag'const install = function(Vue) {原创 2021-10-21 14:18:05 · 20045 阅读 · 22 评论 -
!+Cookies.get(‘sidebarStatus’) 详解
项目部分代码(app.js)import Cookies from 'js-cookie'const app = { state: { sidebar: { opened: !+Cookies.get('sidebarStatus'), withoutAnimation: false }, themeStatus: Cookies.get('themeStatus') === undefined ? 1 : Cookies.get('themeSta原创 2021-10-15 15:09:53 · 3274 阅读 · 0 评论 -
process.env.VUE_APP_BASE_API 获取不到
process.env.VUE_APP_BASE_API 获取不到import axios from 'axios'// 创建axios实例const service = axios.create({ baseURL: process.env.VUE_APP_BASE_API, // api的base_url timeout: 50000, // 请求超时时间,})axios.defaults.headers = { contentType: 'application/json',原创 2021-10-11 16:45:33 · 7580 阅读 · 0 评论 -
Vue模仿todo超详细讲解(附源码)
Vue模仿todo超详细讲解(附源码)前言一、todo基本DOM结构二、todo功能需求分析1.新增任务2.点击变成完成状态前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。一、todo基本DOM结构代码如下:<!DOCTYPE html><html><head> <meta http-equiv="content-type原创 2021-06-12 17:13:50 · 772 阅读 · 0 评论