u010234868的专栏

【代码】vue el-date-picker禁用当前日期之前的日、小时、分钟。

第一种：el-date-picker处添加属性placement="bottom-start"。第二种：指定elementUI版本为2.15.8，重新安装依赖。

【代码】momentjs格式化12位日期时间为连字符的样式，如YYYY-MM-DD HH:mm:ss。

问题：vue el-table :data想要动态绑定不同的变量作为表格数据。解决：使用三元表达式。

【代码】vue触发原生form提交到指定action地址。

【代码】解决vue elementUI el-tabs默认选项下划线不显示的问题。

【代码】vue实现可拖拽图标，图标默认显示在右下角。

范围选择器右侧行政区划范围中输入需要选择的省份或地市，选择自己想要的数据格式，这里选择了geojson格式，点右侧的蓝色按钮复制到浏览器地址栏中，打开的geojson文件内容右键另存为json文件即可。

2. 全局配置npm使用淘宝镜像作为默认下载源。1. 查看当前npm的下载源。

在文件夹空白处，点击鼠标右键选择：git bush here。3. 在上一步打开的git窗口中安装依赖。4. 成功安装依赖后在git窗口中打包构建。2. 下载后的压缩包解压并打开文件夹。

【代码】vue bus总线传值。

iconfont-国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具。4. 点击右侧的使用帮助，页面下拉可以看到Unicode、font-class、symbol三种引用方式的使用步骤，按照步骤操作即可。官网：giconfont-阿里巴巴矢量图标库。2. 选择想要使用的图标，添加入库。3. 打开库，将图标添加至项目。1. 搜索图标，如：首页。

react实现数据可视化大屏自适应参考：数据大屏最简单自适应方案，无需适配rem单位 - 掘金

实际项目中想要的效果是：限制只能上传一个文件，并且直接覆盖原来的文件上传。此时删除 :limit="1"和:on-exceed="exceedFile"，在on-change的fileChange中通过this.fileList = [fileList[fileList.length - 1]];获取最后一次选择的文件即可。在使用elementui的Upload 上传组件时，如下代码中使用了limit限定了上传的文件数量，并且做了上传文件数量超限的提示。

【代码】vue使用xlsx导出excel报错 Cannot read properties of undefined (reading ‘utils‘)

问题：vue项目中使用了element-ui的Dropdown下拉菜单el-dropdown，想要修改其默认样式。分析：el-dropdown下拉菜单渲染后的组件元素中包含有el-popover，此处需要尤其注意。

Vuex：Computed property "xxx" was assigned to but it has no setter.

在项目public目录下新建static文件夹，放入“fileTemp.xlsx”文件即可实现vue+ elementUI纯前端下载excel文件模板。React项目也可以直接使用downloadExcel方法下载。如果本地启动项目，下载提示：“无法从网站上提取文件”，将。

1. vue项目src目录下新建plugins文件夹，新建element.js：// 按需引入import { Button, Menu, Submenu, Input, MenuItem, MenuItemGroup, Scrollbar} from "element-ui";export default { components: [ Button, Menu, Submenu, Input, MenuItem, MenuItemGroup, Scrollbar ..

1. 创建vue项目（版本@vue/cli 4.5.4）：vue create test2.安装 babel-plugin-component：npm install babel-plugin-component -D3.安装element-ui：npm install element-ui -S4. 修改babel.config.js配置文件：module.exports = { presets: [ '@vue/cli-plugin-babel/pre..

UUID是软件开发中最常用的通用标识符之一。nanoid库和uuid库一样都可以生成uuid，但是nanoid相比uuid要更轻量级。nanoid的安装：npm i nanoid// 或者 yarn add nanoidnanoid的使用：import { nanoid } from 'nanoid'let id = nanoid()//也可以指定生成字符串的长度//let id = nanoid(5)...

想要查看所有的webpack、less-loader版本使用下面的命令：npm view webpack versionsnpm view less-loader versions

应用场景：vue cli插件plugins中的方法均可以被任意组件调用，增强Vue的功能。首先在创建好的vue项目的src目录下新建plugins.js：export default { install(Vue) { // 全局过滤器 Vue.filter('mySlice', function(value){ return value.slice(0, 4); }); // 自定义指令 Vue.directive('fbind',

应用场景：两个组件，都需要用到同一个点击事件方法，此时使用mixin混入，可以很好的实现代码的复用。在vue cli搭建的项目中，src目录下新建mixin.js文件：// 对外暴露mixin对象export const mixin = { data() { return { msg: 'hello' } }, methods: { click() { alert('你点我了') } }}export const

官网地址：配置参考 | Vue CLI在项目根目录下添加vue.config.js文件，文件中写入lintOnSave配置项：module.exports = { lintOnSave: false}重新运行项目即可关闭eslint语法检查。

报错：vue-router.esm.js?ac56:2316 TypeError: Cannot read properties of undefined (reading '$createElement')错误原因：把routes配置项的component写成了components。修改后解决报错。

报错：vue-router.esm.js?ac56:2316 TypeError: Cannot create property '_Ctor' on string 'H'错误的把配置项routes中的component:变量名，写成了字符串''，修改后不在报错。

vue create XX搭建Vue-cli3项目时报错：无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1，因为在此系统中禁止执行脚本。有关详细信息，请参阅 "get-help about_signing"。所在位置 行:1 字符: 4+ vue <<<< create 10 + CategoryInfo : NotSpecified: (:) [], PSSecurityExce

vue keep-alive prop exclude使用小坑：使用逗号分隔字符串时不能加空格

需求：Home组件下有2个子组件：News、Products。1. 页面加载直接进入home/news；2. 缓存home组件中的状态。实现：Home.vue data() { return { path: '/home/news' } }, // 进入home则激活 activated() { console.log('actived'); this.$router.push(t

路由配置为非命名路由时： { path: '/user/:id', component: User }页面中params传参： <router-link :to="{path: 'user', params: {id: 1}}">用户</router-link> 效果：url中不显示传入的参数------------------------------------------------------------------------

目录：初始代码如下：App.vue：<template> <div id="app"> <router-link to="/">首页</router-link> <router-link to="/about">关于</router-link> <router-view /> </div></template><script>exp

问题产生：项目拉取运行后提示如下。Failed to compile../src/views/sagc/component/EchartLine.vue?vue&type=script&lang=js& (./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./n

[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

1、Vue.extend构造器// 构造器 声明const cpn2 = Vue.extend({ template: ` <h2>这是一个组件</h2> `});// vue实例中挂载注册为局部组件components: { cpn2}// 全局组件Vue.component('cpn2', cpn2);// HTML代码中使用<cpn2></cpn2>2.语法糖// vue实例中挂载注册..

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l.

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l.

1. 初始化项目mkdir projectcd projectnpm init --yes2. 全局安装nodemon：cnpm i nodemon -g3. 查看是否安装成功：nodemon --version4. 项目根目录中新建index.js，终端执行：nodemon index.jsindex.js中代码修改后终端即可实时看到输出结果。...

1. 安装：cnpm i prerender-spa-plugin -D2. 配置：webpack.prod.conf.js：const PrerenderSPAPlugin = require('prerender-spa-plugin')const Renderer = PrerenderSPAPlugin.PuppeteerRenderer...plugins: [... // 预渲染 new PrerenderSPAPlugin({ //必需.

在vue-skeleton-webpack-plugin单页面骨架屏效果的实现https://blog.youkuaiyun.com/u010234868/article/details/120675095