倚树探星的博客

一、实现目标需要在一个整屏切换的页面上显示多个Echarts图表，随屏幕切换显示不同的Echarts图表二、实现方法这个目标看起来并不难，实现方法也有多种，目前想到的方法有以下：方法一、父子组件（动态加载）实现思路：图表数据请求单独封装在一个组件中（作为子组件），并在该子组件中通过监听flag值（屏幕切换标志）变化来实现图表数据更新注意问题：Echarts图表需要挂载在DOM节点上，要...

1、问题描述在项目中使用富文本编辑器时，粘贴图片之后出现了一个问题，就是该图片通过地址可以打开，但是在富文本编辑器中却无法显示，报错GET https://bkimg.cdn.bcebos.com/pic/d058ccbf6c81800a0ff13a1ebe3533fa828b478d?x-bce-process=image/watermark,g_7,image_d2F0ZXIvYmFpa2U...

一、什么是瀑布流布局1. 样式展示如下图所示，每个盒子宽高不同，且能够自适应屏幕变化的布局2. 原理分析利用定位，在最短的一列下面进行排列，如下图所示图片容器宽度固定，高度根据图片自适应【定宽不定高】，图片一行不能排列时候，换行依次从左往右排列来自：https://www.jianshu.com/p/337e277fe098一、封装 vue 组件代码来自：https://...

1. 存放要存储对象的话必须先用JSON.stringify()方法将对象转化成一个对象字符串，然后才能进行存储// 存放对象到sessionStorageconst rowObj = JSON.stringify(row)window.sessionStorage.setItem('rowObj', rowObj)2. 取出先将对象字符串取出来，然后在用JSON.parse()这个...

在 vue 项目中引入 bootstrap，首先要引入两个依赖：jQuery 和 popper第一步、安装npm安装安装命令如下：cnpm install bootstrap --save-devcnpm install jquery --save-devcnpm install popper.js --save-dev默认安装最新版本，如果想要安装 bootstrap 的 V3 ...

Learn from codewhy在Vue的动态双向绑定中，主要有两个需求，一个是监听数据变化，另一个是响应数据变化。具体分析如下一览图一、监听数据变化Vue 内部 通过 Object.defineProperty 监听对象属性的改变在 set 方法中监听属性值变化，在 get 方法中获取属性值1、set 中将监听到发生变化的数据告诉数据的使用者–>首先，要知道哪些...

插槽的基本使用插槽——适用于需要大量修改时带默认值的插槽给插槽一个默认值——适用于需要少量修改时具名插槽给插槽一个 name运行

一览图一、父组件向子组件传值1、静态传值（1）在父组件中在子组件占位符中直接写：参数名=“参数值”<template> <div class="father"> <h1>This is Father</h1> <!-- （静态）父传子：字符串 --> <Child msg="msg from father...

一、配置路由守卫通过配置路由守卫，可以实现页面权限管理，控制用户对各页面的访问权限。比如，用户只有登录之后才能访问其他页面，在 router 目录下的 index.js 中添加如下代码router.beforeEach((to, from, next) => { // 1.如果访问的是登录页面（无需权限），直接放行 if (to.path === '/login') retur...

一、问题描述点击左侧菜单栏，动态获取商品信息时，发现出现了很多空的 li 标签（异常的多），没有获取到img和p标签内容，如图所示​​​​​​二、问题原因及解决方法目前找到两种原因，本质原因都是没有获取到 json 数据1、一是没有写入相关 json 文件引用，只需写入引用即可（圈出部分为补充）调错前：data(){ var _this=this; var url=""; if...

一、需要 nodejs 环境vue cli 要求Node.js版本8或更高版本（建议使用8.10.0+），可以通过 node -v 查看版本号二、需要 webpack 环境安装命令：npm install webpack -g（或者 npm install -g webpack），安装完成之后输入 webpack -v，出现相应的版本号，则说明安装成功三、安装 vue cli由...