LUCKY_IT-CSDN博客

原创 vue项目中集成cesium的方法（webpack+vue-cli进行构建）

一、下载cesium依赖（cesium@1.84）npm install cesium@1.84 --save二、1、修改build/webpack.base.conf.js文件，如下：附上代码/** 引入cesium */ const cesiumSource = '../node_modules/cesium/Source' amd: { toUrlUndefined: true }, sourcePrefix: ' ', 'Cesium': path.r

2021-08-27 14:23:13 649 3

原创在访问cesiumJS网站卡顿的解决办法----本地部署cesiumJS

在访问cesiumJS网站卡顿的解决办法----本地部署cesiumJS一、首先都需要下载cesium包以cesiumjs1.84版为例(https://cesium.com/downloads/)1、下载方式如下 2、解压下载下来的压缩包通过编辑器进入到解压完成的根目录里面等依赖安装完成以后在运行命令 npm start 或者 npm run start，运行完成后后跳出《http://localhost:8080/》这个地址，在浏览器里面打开就可以看到如下内容：如果在运行命令npm

2021-08-12 15:29:22 1331

原创 keep-alive的用法及作用

keep-alive的用法及作用//这是父组件代码<template> <div id="dynamic-component-demo"> <h4>可以点击按钮查看效果</h4> <button v-for="tab in tabs" v-bind:key="tab" v-bind:class="['tab-button', { active: currentTab === tab }]"

2020-11-14 16:00:58 1155

原创 vue中插槽slot的一些用法及作用

vue中插槽slot的一些用法及作用//这是父组件代码<template> <div class="homeSlot"> <h2>组件1</h2> <use-slot-one style="background: azure;"> {{replaceContent}} </use-slot-one> <h2>组件2</h2> <use-slot-

2020-11-12 10:08:58 894

原创 vue中使用v-on=“$listeners“ 将所有的事件监听器指向这个组件的某个特定的子元素

vue中使用v-on="$listeners" 将所有的事件监听器指向这个组件的某个特定的子元素//这是父组件<template> <div class="homeView"> <base-input v-on:focus="onFocus" v-model="baseInput.fullName" :label="label"></base-input> </div></template><script

2020-11-11 10:09:20 5238

原创 v-model结合model与props在复选框组件上实现双向绑定（本人习惯用单文件组件）

v-model结合model与props在复选框组件上实现双向绑定（本人习惯用单文件组件）直接上代码//这是父组件的代码<template> <div class="homeView"> <base-checkbox v-model="study"></base-checkbox> </div></template><script>//引入子组件 import BaseCheckbox fr

2020-11-10 15:36:19 619

原创 vue的生命周期及使用场景

此时还访问不到data中的属性以及methods中的属性和方法，可以在当前生命周期创建一个loading事件，在页面加载完成之后将loading移除。

2020-11-06 10:28:28 2031 1

LUCKY_IT的博客