1：首先 查看node 版本node -v npm install stable 3:初始化 vitejs 然后就会叫你选择 语言直接选 vue-ts 然后cd 进入项目 初始化即可 npm init @vitejs/app 项目名称：vite-vue3-ts cd vite-vue3-tsnpm installnpm run dev 打开成功这个页面就说明成功了 4：打开项目 打开 vite-config.ts 文件，修改指向目录import { defineConfig } from ‘vite‘ import vue from ‘@vitejs/plugin-vue‘ import { resolve } ...
参考地址：https://www.html5tricks.com/html5-css3-circle-menu.htmlGithub地址：https://github.com/ElsonJe/Simple-ui.git 一、效果 二、参考 上面有一个链接地址，我参考了这个插件的源码，没有做太多的改变，只是修改为了适合我当前的需求，并且把步骤和思路大概整理了一下。 因为我本人是个前端小白，对于美仅限于欣赏。三、第一步 首先构建一个样子出来。<template><div class="wrapper"><a href="#" class="show"...
问题：代码上传服务器后，图片404，使用的font-awesome图标也是404 解决办法：如果你用了vue-cil，那么在build目录下找到utils.js中的ExtractTextPlugin.extract({}),里面添加下面这个属性就完美解决了publicPath: ‘../../‘ 解释：文件最终会打包压缩为js。当运行的时候，css中的相对路径指向已经发生变化指向了根目录，所以出现加载错误的问题。下面是这个插件的解释。extract-text-webpack-plugin作用：该插件的主要是为了抽离...
v-decorator="[‘openType‘, { initialValue:‘1‘ }]"效果：原文：https://www.cnblogs.com/guangzhou11/p/12049661.html
http://localhost:8080/login/sss # 效果实现前 http://localhost:8080/login # 效果实现后 方法：使用Vue组件的name属性进行跳转原文：https://www.cnblogs.com/guanxiying/p/13179808.html
机构懒加载，选人时候，如果该机构下面没人，就取消加载并且不显示箭头<a-treecheckable:load-data="onloadData"@check="onCheck":tree-data="treeData":replace-fields="replaceFields":loadedKeys="loadedKeys":expandedKeys="expandedKeys"@expand="onExpand" > //异步加载数据 onloadData(treeNode) {return new Promise((resolve,reject)=>{let taskId = treeNode.dataRef.id;if (treeNode.dataRef.meta == 1) {taskId = task...
<!DOCTYPE html> <html lang="zh"> <head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="ie=edge" /><title>vue dom</title><script src="https://unpkg.com/vue"></script> </head> <body><div id="app">{{message}}</div><div id="app-2"><span v-bind:title="message">鼠标悬停查看绑定信息</span></div><div id="app-3"><s...
一、路由的模式 第一种用history方式实现，HTML5使用window.history.pushState()实现路由的切换而不刷新页面。 第二种使用hash值的方式来实现。 vue2.0两种都可以使用只需要在配置路由时加上 mode:‘history/mode‘ vue2.0默认为hash模式。需要切换为history模式时使用 const router = new VueRouter({ // mode:‘history‘, routes:routes }) 两种模式的区别： hash:支持所有浏览器，包...
项目开发完了以后，肯定是要打包的，不然也就失去了项目存在的意义。 上图中的build就是打包的，它会根据你的配制文件生成一个目录，然后目录中就是最终生成的文件，上传到服务器，就可以运行。 但是，一般都是存在各种各样的问题，比较说路径问题，这个是常见的问题。 这个是vue.config.js1、目录路径（静态资源）问题publicPath: 这个是访问的根目录，一开始是/ outputDir：这个是生成的文件放在那个目录下面，如果叫abc，那么生...
_export() { const _c = this.$createElement; this.$msgbox({ title: ‘请确认‘, showCancelButton: true, confirmButtonText: ‘导出‘, cancelButtonText: ‘放弃‘, message: _c(‘div‘, null, [ // _c(‘ul‘, null, [ // _c(‘li‘, null, ‘是否导出当前待发货订单:‘), // _c(‘li‘, { style: ‘margin: .5em 0 .5rem 2em‘ }, ‘商品...
router.push(location) 除了使用 创建 a 标签来定义导航链接，我们还可以借助 router 的实例方法，通过编写代码来实现。 router.push(location) 想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的 URL。 当你点击 <router-link> 时，这个方法会在内部调用，所以说，点击 等同于调用 router.push(…)。 声明式：<router-link :to="..."> 编...
Vue 跳转路由并在新窗口弹出methods: {beforeInquiry () {const { href } = this.$router.resolve({name:‘consult‘});window.open(href, ‘_blank‘);}, } 原文：https://www.cnblogs.com/rabbit-lin0903/p/12667311.html
compoent引入组件1.先写好子组件x.vue，需要从父组件传变量到子组件；在子组件里写：props：[‘xx‘]；为变量，用法{{xx}}即可；2.在全局样式里引用组件import X from ‘./components/x.vue‘;Vue.compoent(‘X‘,X);3.在你需要引用的vue页面里引用组件即可，如<x xx="sss"></x>就好原文：https://www.cnblogs.com/ssszjh/p/9563260.html
npm：是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题。比如常用的有：1）允许用户从NPM服务器下载别人编写的第三方包到本地使用。2）允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。3）允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。 首先：先从nodejs.org中下载nodejs 如图，下载8.9.3LTS（推荐给绝大部分用户使用的）双击安装 一直Next 可以使用默认路径...
注意data数据里面一定要定义TimeoutTimeout:Function,//定时器 methods里面 moseovefalse(){//定时器的方法 var that=this; that.show=false; }, mouseomov(){//延迟二秒执行 var that=this; that.Timeout=setTimeout(that.moseovefalse,2000) },//清除定时器，下面这行代码哪里需要放到哪里就行clearTimeout(that.Timeout); 原文：https://www.cnblogs.com/uniapp/p/12695558.html