![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
limit for me
小小前端,不怕困难!
展开
-
echart中的myTool工具栏自定义方法下载图表svg图片
echart中的myTool工具栏自定义方法下载图表svg图片原创 2022-11-04 17:27:34 · 1752 阅读 · 0 评论 -
vue中ztree使用懒加载的方法
【代码】vue中ztree使用懒加载的方法。原创 2022-10-28 16:59:46 · 781 阅读 · 0 评论 -
iview组件中的DatePicker的type=“datetimerange“类型双击一个时间要求将结束时间改为23:59:59
【代码】iview组件中的DatePicker的type=“datetimerange“类型双击一个时间要求将结束时间改为23:59:59。原创 2022-10-27 13:48:55 · 601 阅读 · 0 评论 -
el-date-picker日期限定范围
el-date-picker日期限定范围页面<el-date-picker v-model="form.time" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions"></el-date-picker>设定时间不能超过前后范围不超过七天// 限定日报时间选择范围 timeO原创 2022-10-09 10:01:13 · 2316 阅读 · 0 评论 -
vue 使用xlsx导出文件功能导出表格文件
【代码】vue 使用xlsx导出文件功能导出表格文件。原创 2022-09-26 19:43:54 · 1166 阅读 · 1 评论 -
watermark-dom水印控制水印大小自适应
watermark-dom水印控制水印大小自适应。原创 2022-09-14 10:08:25 · 1194 阅读 · 0 评论 -
.env.development(开发环境)、.env.prodction(正式环境)、自定义环境的使用
npm run build:test 或 yarn build:test打包项目测试环境。npm run build 或 yarn build 打包项目生产环境。dev , build:test ,build 可以根据需要自行修改。npm run dev 或 yarn dev:运行项目。原创 2022-09-01 11:36:36 · 1795 阅读 · 0 评论 -
iview表格嵌套表格
expandRow组件文件可以根据自己的需要加上分页等等。原创 2022-07-21 11:25:37 · 1272 阅读 · 0 评论 -
vue自定义动态时钟显示
vue自定义动态时钟显示原创 2022-06-13 16:46:06 · 862 阅读 · 0 评论 -
ztree在vue中的使用 使用封装好的vue-giant-tree
ztree在vue中的使用 使用封装好的vue-giant-tree原创 2022-06-07 15:02:17 · 2495 阅读 · 3 评论 -
使用vue-giant-tree根据id定位位置
<tree :setting="setting" :nodes="getTreeData" @onClick="selectTree" @onCreated="handleCreated" />引入import tree from "vue-giant-tree";components: {tree }, data() {原创 2022-06-02 17:11:54 · 726 阅读 · 0 评论 -
用canvas制作一个简单的绘画板
用canvas制作一个绘画板<!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原创 2021-09-28 09:39:45 · 370 阅读 · 0 评论 -
Vue点击刷新回到页面顶部的方法
Vue点击刷新回到页面顶部的方法window.addEventListener("beforeunload", (e) => { window.scroll(0, 0);});注意不写在export default中原创 2021-09-21 21:51:43 · 435 阅读 · 0 评论 -
gyp ERR! find VS gyp ERR! find VS msvs_version not set from command line or npm config gyp ERR! find
npm install报错gyp ERR! find VSgyp ERR! find VS msvs_version not set from command line or npm configgyp ERR! find VS VCINSTALLDIR not set, not running in VS Command Promptgyp ERR! find VS checking VS2019 (16.3.29411.108) found at:gyp ERR! find VS “D:\vi原创 2021-09-15 00:04:32 · 9469 阅读 · 0 评论 -
Vue实时通信 实现用webSocket长连接聊天功能
Vue实时通信 实现用webSocket长连接聊天功能1.安装vue-cli2.init 初始化项目3.npm install ws(websocket)4.文件夹中创建server.js1、服务器代码//index.js//启动web服务,监听3000端口 绑定socket.io服务,接受websocket连接请求const http = require('http').createServer();const express = require('express')// 创建webs原创 2021-09-12 19:23:16 · 1284 阅读 · 0 评论 -
在Vuex中发送ajax请求方法 实现简单注册功能 数据传输
在Vuex中发送ajax请求方法 实现简单注册功能 数据传输对使用mapActions做个传输记录1、在子页面中获取到数据<template> <div class="about"> <h1>登录页面</h1> <input type="text" v-model="phone" placeholder="输入电话号码"> <br> <input type="password" v-mod原创 2021-09-11 09:07:34 · 898 阅读 · 0 评论 -
使用VueX实现组件传值
使用VueX实现组件传值1、什么是Vuexvuex是专门帮助所有组件维护共享数据的公共区域,只要一个数据,有可能被多个组件使用,都可以通过vuex来管理。2、获取仓库数据,在页面上显示1、创建脚手架时,选择vuex选项,一起安装在脚手架项目src文件夹中存在store文件夹以及index.js文件2、在store文件夹中,创建数据import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vu原创 2021-09-01 10:56:57 · 1945 阅读 · 0 评论 -
如何使用脚手架
如何使用脚手架1、安装可以反复生成脚手架的工具在cmd中:a. 设置淘宝镜像——下载快npm config set registry https://registry.npm.taobao.orgb. 安装可生成脚手架代码的命令行工具npm i -g @vue/cli当看到: + @vue/cli@版本号 说明安装成功2、用工具反复为每个项目创建专门的脚手架结构a. 决定把项目文件夹保存在哪个位置要保存在哪个位置,就在哪个文件夹中地址栏中输入cmd 回车b. 再在整个文件夹位置原创 2021-08-23 11:53:58 · 481 阅读 · 0 评论 -
vue简单记事本制作
vue简单记事本的制作<div id="jishi"> <h2>记事本练习 </h2> <section> <input type="text" placeholder="请输入内容" v-model="message2" @keyup.enter="add2" /> <div v-for="(name, index) in list" id="book"> <span class="index"原创 2020-12-18 22:23:14 · 354 阅读 · 3 评论