vue-Router路由别名使用技巧
何为路由别名? 如果你选择查看别人的博客或者文档,很快你能得出这样的结论. /a 的别名是 /b,意味着,当用户访问 /b 时,URL 会保持为 /b,但是路由匹配则为 /a,就像用户访问 /a 一样。 上面对应的路由配置为 const router = new VueRouter({ routes: [ { path: '/a', component: A, alias: '/b' } ] })…
何为路由别名? 如果你选择查看别人的博客或者文档,很快你能得出这样的结论. /a 的别名是 /b,意味着,当用户访问 /b 时,URL 会保持为 /b,但是路由匹配则为 /a,就像用户访问 /a 一样。 上面对应的路由配置为 const router = new VueRouter({ routes: [ { path: '/a', component: A, alias: '/b' } ] })…
问题:el-table组件 能实现行拖拽排序 npm i sortablejs 安装这个包 // row-key一定要绑定一个 根据这个进行排序的 <el-table :data="tableData" ref="table" v-if="loading" row-key="id" > </el-table> import Sortable from "sortablej…
ESLint在vue中的使用 阅读目录 .editorconfig文件(主要用于配置IDE) .eslintignore文件(放置需要ESLint忽略的文件,只对.js文件有效) .eslintrc.js 文件(用来配置ESLint的检查规则) ESLint的用途 1.审查代码是否符合编码规范和统一的代码风格; 2.审查代码是否存在语法错误; 中文网地址 ESLint - Pluggable Ja…
首先,直接进入正题,我想要给一个dom绑定多个class,而且是动态绑定,这个时候可以用v-bind简写可以写为“ :”冒号,我查了官方的语法,具体如下: <!-- class 绑定 --> <div :class="{ red: isRed }"></div> <div :class="[classA, classB]"></div> …
vue2 vue3 打印插件 vue-print-nb 目录: vue2 vue3 打印插件 `vue-print-nb` 兼容性:Firefox 、Chrome都兼容,文档说还兼容IE 版本:vue2、vue3都兼容 地址([npm](https://www.npmjs.com/package/vue-print-nb)) 基本使用 兼容性:Firefox 、Chrome都兼容,文档说还兼容IE…
//获取周别,获取当前日期是一年中的第几周则把传入的值(下面为time)删除即可,反之time是输入框传入手输日期 getWeekNum(time) { //获得当前日期是第几周的方法 // let time=this.form.begaintime;//在methods方法里获取输入日期,用过滤器可省略 let date = new Date(time); let year = date.get…
第一步 node环境安装 1.1 如果本机没有安装node运行环境,请下载node 安装包进行安装 1.2 如果本机已经安装node的运行换,请更新至最新的node 版本 下载地址:https://nodejs.org/en/ 或者 http://nodejs.cn/ 以上两种方式下载node安装包都可以 下面是我下载的最新安装包 开始安装 这里是修改自己的安装路径 直接next 然后安装完成 安…
前端项目中会没来由的遇到一些不知道为什么的错误,在这呢,我汇总一些,虽然不全面,但此文章会不定期补上新的报错并加上解决办法! 1、安装 node_modules 时出现的问题 这个问题是在下载 node_modules 模块时网络问题导致的模块下载不完全导致,我的解决方法是可以使用国内镜像 npm install --registry=https://registry.npm.taobao.org…
引言: 什么是服务器端渲染 (SSR)? Vue.js 是构建客户端应用程序的框架。默认情况下,可以在浏览器中输出 Vue 组件,进行生成 DOM 和操作 DOM。然而,也可以将同一个组件渲染为服务器端的 HTML 字符串,将它们直接发送到浏览器,最后将这些静态标记"激活"为客户端上完全可交互的应用程序。 服务器渲染的 Vue.js 应用程序也可以被认为是"同构"或"通用",因为应用程序的大部分代…
(ps:以下是我在项目中遇到得问题及解决方法,希望对你们有帮助。如果还有其他方法,可以留言,谢谢) 一个表单页面,使用element-ui中el-upload上传图片,此项为必填项,然后写了校验规则,当不上传图片时,会提示请上传图片,当上传图片后,提示不会消失; 代码如下: <el-form-item label="XXX" ref="image" prop='imageUrl'> &…