安装依赖npm install @liradb2000/markdown-it-mermaidmarkdown全局引入 在main.js中import mavonEditor from ‘mavon-editor’ // 引入markdownimport markdownItMermaid from “@liradb2000/markdown-it-mermaid”; // 引入mermaidma

异步数据问题1.created、mounted的定义1.1 created1.2 mounted2.问题现象及解决办法1.created、mounted的定义1.1 created附一个官方对于created的定义 ： 【created】在示例创建完成后被立即调！在这一步，实例已完成以下的配置：数据观测 (data observer)，property 和方法的运算，watch/event 事件回

如何修改antd里Select的样式？？？？？antd的Selectantd的Select附一个官网链接antd Select官方给出的框架用起来是很方便，但是美观程度差强人意，给出的API里虽有className属性，但是这是进行修改Option的样式那如何修改Select的样式呢？废话不多说，直接上代码:global{.ant-select-selection{// antd 版本3.*//

先粘一张官方给出的UI样式关于UI框架，用起来虽然很方便，但是样式却和所需的不一样，那么该如何修改成自己想要的样式呢？在粘一张我自己修改后的样式图不仅修改了button的背景色、文字颜色，更修改了上方提示气泡的背景色官方api里没有看到如何修改button样式,所以我修改的方式就是在使用组件的地方，写行内样式<el-tooltipstyle="color:white;border:none;

关于滚动，肯定要内部容器宽 or 高 大于外部容器才会发生滚动。那么如何在组件加载之后，就自动将想看到的指定内容滚动到可视区域呢？（如过指定内容初始被隐藏）知识点：【scrollIntoView】scrollIntoView()是有一些参数的，详情可参考⬆️scrollIntoView() 方法会滚动元素的父容器，使被调用scrollIntoView()的元素对用户可见。语法：element.sc

先粘一张官方给出的UI样式关于UI框架，用起来虽然很方便，但是样式却和所需的不一样，那么该如何修改成自己想要的样式呢？在粘一张我自己修改后的样式图不仅修改了button的背景色、文字颜色，更修改了上方提示气泡的背景色官方api里没有看到如何修改button样式,所以我修改的方式就是在使用组件的地方，写行内样式<el-tooltipstyle="color:white;border:none;

安装marked的插件npm install marked -S2.文件内引入import { marked } from 'marked'3.使用计算属性进行markdown to htmlcomputed: {markdownToHtml(){return marked('# 我是markdown的一级标题');}}4.页面使用<div v-html="markdownToHtml"&g

文章所有的代码是基于Vue CLI 3.x版本，不会涉及到一步步通过Webpack来配置JSX所需要的知识点。注意: 如果是手动搭建的项目，需要通过安装插件才可使用JSX。vue如何使用jsx编写1.创建Test.jsx文件export default {render() {return (<div><p>vue 使用 jsx</p></div>);

img动态路径网络资源路径& 本地静态资源路径有的时候业务需求，是动态切换图片。而图片资源，有的时候是来自CDN托管资源的，有的时候是本地public存储的。整理了一下代码，接下来稍微分别展示一下网络资源路径& 本地静态资源路径html布局<!-- 网络资源图片路径 --><p>src 动态 网络路径<el-button @click="changeS

前端使用技术为VUE踩坑记录最近在项目里，因为需要监听滚动事件，就直接写监听代码如下：尝试一、html:<div id="scroll-div" @scroll="scrollHandle">监听我的滚动<div>js:scrollHandle() {console.log("scrolll");},但是事件并没有执行。于是想通过addEventListener原生的方式进