分类为 前端 的文章:
自定义组件内部在 blur 和 change 后增加: import emitter from 'element-ui/src/mixins/emitter'; let { methods: { dispatch }, } = emitter; methods: { onChange () { dispatch.call(this, 'ElFormItem', 'el.form.change', this.value); }, onBlur () { dispatch.call(this, 'ElFormItem', 'el.form.blur', this.value); } } 也可...
2023/07/15 浏览数(234) 分类(ElementUI)
可以不使用 vite-plugin-mock 只引入 mockjs,但是只使用 mockjs 的话配置会繁琐;vite-plugin-mock 做了将 mockjs 集成到 vite 的工作。 package.json yarn add -D mockjs vite-plugin-mock .env VITE_MOCK_ENABLED=true vite.config.js import { loadEnv, defineConfig } from 'vite'; import { viteMockServe } from 'vite-plugin-mock'; export default ({ mode }) => { const ENV ...
2023/05/3 浏览数(316) 分类(Vue.js)
用法 let status = true; v-loading="status" JS const toggleLoading = (el, binding) => { if (binding.value) { let dom = ` <div class="el-loading-mask"> <div class="el-loading-spinner"> <svg viewBox="25 25 50 50" class="circular"> <circle cx="50" cy="50&qu...
2023/04/28 浏览数(281) 分类(Vue.js)
官方文档在这里:https://vitejs.dev/config/ 让 Vue 认出 html 原生的 marquee 标签 import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; export default () => { return defineConfig({ plugins: [ vue({ template: { compilerOptions: { isCustomElement: (tag) => ['marquee'].includes(tag), // vue...
2023/04/18 浏览数(260) 分类(Vue.js)
概要 yarn build 后自动生成并在 finder 中高亮 .tgz 压缩包,压缩包名含项目名称、生成日期、git commit id,并提示是否将生成的 dist 和 .tgz 删除。 压缩包名格式:《某可视化大屏_production_20230326214235_52905e7.tgz》 依赖:macOS,fish shell 用法 yb # 仅 yarn build,NODE_ENV=production yb production # 仅 yarn build,NODE_ENV=production yb development ...
2023/03/26 浏览数(298) 分类(Vue.js)
提示:windows 平台需要在 git bash 中执行以下操作。 生成自动登录 ssh 的 key,这个 key 可以代替 ssh 密码,后边再使用 scp 复制文件时就不需要输入密码这步交互操作了 ssh-keygen # 不需要输入信息,一路回车即可 将 ssh key 添加到服务器上 ssh-copy-id -i ~/.ssh/id_rsa.pub -p 22 root@106.13.232.33 # 按提示输入 admin 的密码 本地配置 ssh 主机(用“vueProjectHost”代替“root@106.13.232.33”) # ~/.ssh/...
2023/03/21 浏览数(306) 分类(Vue.js)
引入 mxGraph 旧方法 yarn add mxgraph-js # 这个包里的 mxgraph 版本号为 3.6.0 import { mxGraph, mxUtils, mxHierarchicalLayout, mxCellOverlay, mxEvent, mxRubberband, mxKeyHandler, mxConstants, mxImage, } from 'mxgraph-js'; 官方用法 yarn add mxgraph # mxgraph 版本号 4.2.2 import * as mxgraph from 'mxgraph'; const { mxGraph, mxUtils, m...
2023/02/14 浏览数(968) 分类(Vue.js)
用法 this.$dialog.show({ title: "Dialog", width: "50%", data: { name: "name", age: 18 }, // 非编辑时此项可省略 option: { confirmText: "保存", // 可省 columns: [ { label: "姓名", prop: "name", rules: [ { required: true, message: "请输入姓...
2023/02/8 浏览数(274) 分类(ElementUI, Vue.js, 前端)
import { fileURLToPath, URL } from 'node:url'; import copy from 'rollup-plugin-copy'; import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; import { createHtmlPlugin } from 'vite-plugin-html'; // https://vitejs.dev/config/ export default defineConfig({ // server: { // proxy: { // '/my-report/ass...
2023/01/10 浏览数(644) 分类(Vue.js)
package.json { "scripts": { "serve": "node http-server.js", }, "devDependencies": { "chalk": "^4.1.2", "connect": "^3.7.0", "http": "^0.0.1-security", "st": "^2.0.0" } } http-server.js var connect = require("connect"); var...
2022/11/26 浏览数(203) 分类(NodeJS)
{ type: 'module', // module / commonjs } type 字段的产生用于定义 package.json 文件和该文件所在目录根目录中 .js 文件和无拓展名文件的处理方式。值为 moduel 则当作 ES6 模块处理;值为 commonjs 则被当作 commonJs 模块处理,无 type 则为认为是 CommonJS .mjs 后缀名的文件总是被当作 ES6 模块,.cjs 后缀名的文件总是被当成 CommonJS 模块
2022/11/25 浏览数(262) 分类(NodeJS, Vue.js)
<template> <div id="app"> <router-view /> </div> </template> <script> export default { data() { return { waterMarkConfig: { width: 340, height: 240, content: '这里是水印内容,可以是 git commit id 或 process.env.NODE_ENV', font: '14px PingFang SC, sans-serif', ...
2022/09/26 浏览数(287) 分类(Vue.js, 前端)
点击返回顶部
  1. 留言
  2. 联系方式