ICode9

精准搜索请尝试: 精确搜索
  • Vue-路由插件集成和配置2022-09-12 23:01:56

    1.相关认识   后端路由:对于前端的网络请求,不同的pathname,去执行后端的不同业务   前端路由:不同的网址对应各自的页面    vue的前端路由:SPA应用要做出路由效果,就得判断当前网址,然后切换组件 vue-router就是专门做切换组件的功能,它是一个单独的技术,依赖vue 就像jQu

  • Vue-缓存组件2022-09-12 22:32:54

    缓存组件   <keep-alive>是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。  <keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。  <keep-alive> 与 <transition>相似,只是一个抽象组件,它不会在DOM树中渲染(真实或者虚拟都不会),也不在

  • Vue-异步组件之懒加载2022-09-12 22:30:33

    1、 异步加载组件:用不到的组件不会加载,因此网页打开速度会很快,当你用到这个组件的时候,才会通过异步请求进行加载;   官方解释:Vue允许将组件定义为一个异步解析(加载)组件定义的工厂函数,即Vue只在实际需要渲染组件时,才会触发调用工厂函数,并且将结果缓存起来,用于将来再次渲染。 2、

  • vue 调试神器 devtools插件安装2022-09-12 22:03:27

    之前安装的devtools不知道什么原因现在不能用了,分享一篇安装方法,亲测有效,少走弯路! 教程url:  https://blog.csdn.net/visibleforest/article/details/121097964

  • Vue进度条组件2022-09-12 17:30:56

    1、进度条颜色是渐变的 <template> <div id="progress_bar" ref="myChart"></div> </template> <script> import * as echarts from 'echarts'; import { addListener, removeListener } from 'resize-detector&#

  • VScode 开发 vue 项目使用 Eslint 格式化代码,会自动把单引号变为双引号并添加逗号和分号2022-09-12 15:02:29

    前言 最近一直有个问题折磨着我,用 VScode 格式化代码总是自动把单引号变为双引号, 并且在对象后面自动添加逗号和分号,如下图所示, VScode 中也没找到设置禁止,经过一番搜索终于找到了答案!   解决方法 1. 创建一个 .prettierrc.json 文件,不要忘记前面的小点 如果创建失败,如下图所

  • Node.js安装中出现的问题及其解决方案2022-09-12 08:32:27

    Node.js安装与配置流程,请参考 1、npm -v测试时出现警告 更好的选择是安装一个更完善的版本 问题出现的原因 node更新后是最新版 但是npm的版本没有相应的更新存在版本滞后导致问题出现 解决方案如下: 只需要将本地node文件夹中的 npm 和npm.cmd 文件中的 “prefix -g"修改为"pref

  • 关于ES6中类概念结合VUE的运用2022-09-12 02:02:49

    我们常规的父子组件传值的情况下是这样的 父组件: 父组件取值: 定义: postCode: "", postName: "",   赋值: this.postCode = response.rows[0].postCode;   this.postName = response.rows[0].postName;   传值给子组件:一个个的添加,麻烦吧,也不是很好维护。 <child :postCodes =

  • React 中的 ngIf(Angular) 和 v-if (Vue) 替代方案2022-09-12 02:01:38

    React 中的 ngIf(Angular) 和 v-if (Vue) 替代方案 在 Angular 或 Vue 中,您可以使用指令有条件地渲染组件,例如 动图 和 v-如果 .但是在 React 中没有指令的概念,你必须使用下面的语法来渲染组件 返回 ( <> {加载? <></> :<EmployeeList/> } 登录。 </> ); } 但是,如果

  • Vue之mixins理解与应用2022-09-11 23:30:43

    原文地址:http://t.zoukankan.com/emilyzz-p-14202639.html 1、什么是mixins   vue提供的一种混合机制,能够更好的实现组件功能复用,混合对象(mixins)可以包含任意组件选项(data、created、mounted、methods、filters等),组件引入后相关选项会进行合并,相当于引入后,父组件各属性进行扩充;

  • 【Vue项目 + 自写java后端】尚品汇(七)后台项目 ElementUI 表单验证 + 三级联动2022-09-11 20:35:09

    ElementUI 表单验证 1 标准验证规则 Form 组件提供了表单验证的功能,只需要通过 rules 属性传入约定的验证规则,并将 Form-Item 的 prop 属性设置为需校验的字段名即可。 <el-form :rules="rules" :model="tmForm"> <el-form-item prop="tmname" label="品牌名称"

  • VUE v-for 数据引用2022-09-11 20:03:01

    VUE 的数据引用有多种方式。 直接输出数据 如果我们希望页面中直接输出数据就可以使用: {{ pageNumber }} 双括号引用的方式即可。 在 JavaScript 中引用 如果你需要直接在代码中使用,直接使用变量名就可以了。     上面这张小图,显示了引用的方式。   https://www.ossez.com/t/

  • Vue引入ElementUIPlus2022-09-11 19:03:36

    官方地址:https://element-plus.gitee.io/zh-CN/guide/design.html#%E5%8F%8D%E9%A6%88-feedback 第一步:添加element-plus # NPM npm install element-plus --save # Yarn yarn add element-plus # pnpm pnpm install element-plus 第二步:main文件添加:完整引入 import { createA

  • Vue3 引入路由 【Vue专栏】2022-09-11 19:00:08

    router.js文件 目录结构如下,注意这个404重定向,vue3不支持直接使用“*”匹配所有路由了,要使用:catchAll(.*) import {createRouter, createWebHashHistory} from "vue-router"; const routes = [ { path: "/", component: () => import("../views/HomePage.

  • 对比`Pinia `和` Vuex`,全面了解` Vue`状态管理2022-09-11 12:04:00

    Pinia和Vuex一样都是是vue的全局状态管理器。其实Pinia就是Vuex5,只不过为了尊重原作者的贡献就沿用了这个看起来很甜的名字Pinia。 本文将通过Vue3的形式对两者的不同实现方式进行对比,让你在以后工作中无论使用到Pinia还是Vuex的时候都能够游刃有余。 既然我们要对比两者的实现方

  • package 与 package-lock文件的区别2022-09-11 09:32:10

    原文地址:https://www.cnblogs.com/zjy850984598/p/15166878.html 1.背景与原因 最近在使用vue3+ts+antdv开发项目,并且在验收及测试阶段项目都可以正常运行,但直到上线前的下午,项目突然报错且功能无法使用导致页面卡死(此时请让我疯狂吐槽一波antdv,画面自行脑补。。。。)。找了半天原

  • vue的过滤器2022-09-11 04:00:22

    过滤器(Filters)是vue为开发者提供的功能,常用于文本的格式化。过滤器可以用在两个地方:插值表达式和v-bind属性绑定。 过滤器应该被添加在JavaScript表达式的尾部,由“管道符”进行调用,示例代码如下:      过滤器的注意点:   1.要定义到filters节点下,本质上是一个函数   2.在过

  • VUE常用指令2022-09-10 21:30:45

                                  

  • vue-element-admin 解决:git clone --depth=1 -q -b fix/ie-cannot-input-korean git://github.com/sohee-lee2022-09-10 15:32:03

    在使用命令npm install --registry=https://registry.npm.taobao.org安装vue-element-admin的时候,报错,提示Error: Command failed: git clone --depth=1 -q -b fix/ie-cannot-input-korean git://github.com/sohee-lee7/Squire.git 解决办法: git config --global url."https://".

  • Vue学习(一)2022-09-10 11:31:56

    前端 逻辑 事件 -浏览器事件window,dom -dom事件:曾,删,遍历,修改节点元素内容 -jquery 视图 -htmL -css,css预处理器(SASS,LESS,其中less够后端使用了). -框架bootstrap, -vue(soc 关注点分离原则separation of concern),vue关注视图层] -页面跳转: vue-router -状态管理: vuex

  • Vue2:注册子路由2022-09-10 11:30:09

      const routes = [ { path: '/a', name: 'a', component: () => import("../views/a/index.vue"), redirect: "/a/a1", //用输入的是/a路由 帮他重定向到 /a/a1 children: [{ p

  • vue.js3: 图片的反色/灰度(黑白)/褐色并保存(vue@3.2.37)2022-09-09 19:02:32

    一,js代码: <template> <div style="position:relative;"> <div style="width: 700px;margin: auto;"> <h1>反色/灰度/褐色</h1> <div><input type="file" accept="image/*" @chan

  • 【前端】vue Failed to resolve component If this is a native custom element, make sure to exclude it from2022-09-09 19:00:22

    一、报错      runtime-dom.esm-bundler-daf7327a.js:1555 [Vue warn]: Failed to resolve component: myBtn If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. at <App>   二、原因 核心原因

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有