ICode9

精准搜索请尝试: 精确搜索
  • App.vue里 引入样式报错2022-08-14 17:02:35

    使用 @import url(); 报错, 格式没写对 @import url(common/common.css); 自动tab生成,路径不正确 /* @import '@/.common/common.css'; */ 正确格式 @import '[email protected]/xxx/xxx' @import '../../assets/css/chat.css'; 重要一点 末尾;必须加

  • 参数传递及重定向2022-08-14 15:00:23

    1. Demo前端传递参数 ​ 此时我们在Main.vue中的route-link位置处 to 改为了 :to,是为了将这一属性当成对象使用,注意 router-link 中的 name 属性名称 一定要和 路由中的 name 属性名称 匹配,因为这样 Vue 才能找到对应的路由路径;     修改路由配置,增加props:true属性 ​ 主要是rou

  • 2022.8.14 模块化、Webpack、Vue-element-admin2022-08-14 12:02:28

    06、模块化 相当于形成包 6.1、简介 模块化产生的背景 随着网站逐渐变成”互联网应用程序”,嵌入网页的Javascript代码越来越庞大,越来越复杂。 Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。但是,Javas

  • 路由嵌套2022-08-14 11:30:40

    在views包下在建个user包,写两个List和Profile视图,在Main.vue中用ElementUI导航栏 在index.jsp中Main路由 配置路由嵌套  

  • keepAlive2022-08-14 00:33:17

    keepAlive!! //keepAlive 是vue中的一个内置组件,可以在切换组件时,使组件内的内容保留原有状态,防止DOM的重复渲染 1. 使用环境: 登录和注册对应的路由和组件 /login => login.vue /reg => reg.vue //当两个页面互相切换时,如果登录页已经输入数据,再次切换回来,页面不

  • Vue和ElementUI2022-08-13 21:02:01

    1、创建工程    这个时候就安装路由 比idea运行后安装好,编码会出现代码提示 前端东西不能用纯CSS来写,安装SASS加载器,通过SASS编译 3、npm命令:  

  • vue 项目中如何使用 富文本编辑2022-08-13 20:04:00

    第一步   npm   i    wangeditor 第二步 在需要的组件中引入 import WangEditor from "wangeditor"; 第三步   找到容器  <div id="editor"></div> 写一个函数  const wangeditor = () => {       let editor: any = new WangEditor("#editor");       ed

  • vue学习之------vite2022-08-13 20:01:17

    vue两种快速创建工程化SPA(单页面应用)项目的方法: vite:仅支持vue3;运行速度快;不是基于webpack打包 vue-cli:vue2、vue3都支持;运行速度较慢;基于webpack打包   用vite创建项目:npm init vite-app 项目名 进入项目文件:cd 项目文件 安装所有依赖包:npm install 启动项目:npm run dev 项

  • VUE学习-mixin混入2022-08-13 18:32:27

    mixin混入 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。 组件式混入 // 定义一个混入对象 var myMixin = { created: function () {this.hello()}, methods: { hello: function () { console.log('hello from mixin!') } } } // 定义一个

  • vue+openlayer实现地图聚合效果和撒点效果2022-08-13 18:32:19

    前言:   openlayer是目前我们gis常用的一款开源的,并且反馈都特别好的软件了,像之前的ol3, 风靡一时,地图实现也很简单,很实用,目前vue中使用地图也是非常多的,那么如果在vue中引入openlayer并且实现地图撒点效果,甚至是更深层的地图聚合效果呢,本文来分享下vue中地图的实现。目前o

  • vuecli3+cesium开发环境搭建2022-08-13 18:02:53

    一、vue-cli3+cesium搭建步骤 1、vue create 'your project-name' 新建你的项目 2、安装cesium依赖 npm install cesium --save 3、新建cesiumContainer.vue文件,src/views/cesiumContainer.vue <template> <div id="cesiumContainer"></div> </templa

  • vue学习之------过滤器Filters2022-08-13 18:00:20

    注:Vue3中已废弃filter 过滤器常用于文本的格式化 例如:helloworld >> Hello  World 过滤器可以用在两个地方:{{ 插值表达式 }}和 v-bind 属性绑定   过滤器定义:  

  • VUE学习-元素过渡2022-08-13 15:02:03

    单元素过渡 appear 初始渲染 通过 appear attribute 设置节点在初始渲染的过渡 appear + css <transition appear appear-class="custom-appear-class"appear-to-class="custom-appear-to-class" (2.1.8+)appear-active-class="custom-appear-active-class" >

  • VUE学习-基础(基础语法 & 模板语法)2022-08-13 10:03:26

    基础语法 引入vue <!-- 开发环境版本,包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!-- 生产环境版本,优化了尺寸和速度 --> <script src="https://cdn.jsdelivr.net/npm/vue"></script> 声明式渲染 &

  • Vue-router路由2022-08-13 01:01:36

    一、路由原理。   1.传统开发方式url改变后立刻发起请求响应整个页面,渲染整个页面。有可能资源过多,传统开发又会让页面出现白屏。   2.SPA Single Page Application 单页面应用:锚点值的改变后不会立刻发送请求,而是在某个合适的时机发起ajax请求,局部改变页面的数据。页面不会立

  • Vue自定义事件2022-08-12 21:34:00

    <!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"

  • VUE学习-组件通信2022-08-12 19:33:18

    vue组件通信 页面传值:$route/${prop} 组件传值: 父组件传值给子组件:参数传值 子组件传值给父组件:给父组件传过来函数传参数;通过插槽的v-slot,绑定参数 组件通信一般分为以下几种情况: 父子组件通信 兄弟组件通信 跨多层级组件通信 任意组件 父子通信 父组件通过 props 传递数

  • Vue之插槽slot2022-08-12 19:30:40

    <!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"

  • Vue_登录的数据校验2022-08-12 19:01:32

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>登录</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vi

  • VUE学习-编译到浏览器2022-08-12 19:00:08

    vue文件时怎样编译运行到浏览器的 http://www.manongjc.com/article/21832.html 通过vue-loader,解析.vue文件,在webpack解析,拆解vue组件 编译模板, 生成可复用的render function code, 这一步在vue实例的整个生命周期中只会执行一次甚至零次, 因为我们可以在打包的时候可以预编译

  • hooks时代2022-08-12 18:01:44

    vue和react都已经全面进入了hooks时代(在vue中也称为组合式api,为了方便后面统一称为hooks),然而受到以前react中类组件和vue2写法的影响,很多开发者都不能及时转换过来,以致于开发出一堆面条式代码,整体的代码质量反而不如改版以前了。 0、概述 一个组件内部的所有代码——无论vue还是re

  • vue实现页面文字禁止被选中2022-08-12 16:03:35

    其实使用css就可以实现 *{ -webkit-touch-callout:none; /*系统默认菜单被禁用*/ -webkit-user-select:none; /*webkit浏览器*/ -khtml-user-select:none; /*早期浏览器*/ -moz-user-select:none;/*火狐*/ -ms-user-select:none; /*IE10*/ user-select:none; } input{

  • Vue计算属性2022-08-12 16:00:42

    计算属性:将计算出来的结果保存在属性中,内存中运行:虚拟Dom <!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <bo

  • vue 生命周期2022-08-12 15:34:51

    beforeCreate(创建前) :组件实例被创建之初,组件的属性生效之前。   生命周期执行的时候,data和methods中的数据都还没有初始化。不能在这个阶段使用data中的数据和methods中的方法。   created(创建后) :组件实例已经完全创建,属性也绑定,但真实 dom 还没有生成,$el 还不可用。   生命周

  • vue 中 key 的作用2022-08-12 15:34:10

    vue中我们可能在两种情况下使用key,第一种情况下就是在v-if中,第二种情况下就是在v-for中使用key。   在 v-if 中使用 key   在vue中如果使用v-if进行切换时,此时Vue为了更加高效的渲染,会进行前后比较,如果切换前后都存在的元素,则直接复用。如果我们在模板中切换前后都存在input框,此

专注分享技术,共同学习,共同进步。侵权联系[[email protected]]

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

ICode9版权所有