Xpy 的博客

要注意 vue 与 vue-template-compiler 版本一致，主要原因是 vue 中 renderSlot 方法 调整，在 v2.6.13 版本，renderSlot 第二个参数支持 函数类型，同时 vue-template-compiler 编译slot 返回一个函数，但是v2.6.12 版本，renderSlot 第二个参数只是VNode，同时 vue-template-compiler 编译slot 直接返回一个VNode。，或者更低版本即可。

【代码】vue项目 国际化【vue-i18n】

一、先看样式改前改后官方文档：https://element.eleme.io/2.14/#/zh-CN/component/table// header-cell-style // 表头单元格的 style 的回调方法，也可以使用一个固定的 Object 为所有表头单元格设置一样的 Style。 // Function({row, column, rowIndex, columnIndex})/Object <el-table :data="tableD

一、npm安装ECharts 官方api使用文档 https://echarts.apache.org/zh/tutorial.htmlnpm install echarts --save二、引入 EChartsECharts5 引入相对以前的版本比较简便踩坑 html + css：渲染dom节点必须有高度<template> <div id="chartsA"></div></template>// 最重要的一点前提是：渲

一、Vue3.0 脚手架报错：[vue/no-multiple-template-root] The template root requires exactly one element.eslint-plugin-vue 查看问题 (⌥F8) 没有可用的快速修复百度翻译：[vue/无多个模板根目录]模板根目录只需要一个元素。eslint-plugin-vue 查看问题 (⌥（F8）没有可用的快速修复二、解决办法查阅资料是插件 Vetur 还没兼容到最新版vue语法；通过设置 搜索 e

一、css基础动画 animation、@keyframes 的用法菜鸟教程 animation 传送门 https://www.runoob.com/cssref/css3-pr-animation.html .animation{ position: absolute; border: 1px solid red; animation: leftrightleft 10s infinite; transition: all 3s; } @keyframes

一、组件1. 全局组件 只要定义了，处处可以使用，性能不高，但是使用起来简单。2. 局部组件 创建以后需要在引入的文件中 使用 components:{ } 进行注册。二、父子组件的静态和动态传值静态传值父组件const app = Vue.createApp({ template:` <h2>JSPang.com</h2> <Son name="技小胖" /> `})子组件app.compon

一、生命周期函数==自动执行函数Vue 常用的生命周期beforeCreate( ) ：在实例生成之前会自动执行的函数created( ) : 在实例生成之后会自动执行的函数beforeMount( ) : 在模板渲染完成之前执行的函数mounted( ) : 在模板渲染完成之后执行的函数beforeUpdate ：当data中的数据变化时， 会立即自动执行的函数updated：当data中的数据发生变化，页面重新渲染完后，会自动执行的函数beforeUnmount( ) :当Vue应用

一、场景我需要点击一个按钮，来选取本地的文件；获取到文件的对象后，再去处理或者上传；二、思路1、利用 H5 input 的 file 属性来选取文件；2、但是我不要展示这个控件，所以需要用一个【dom节点：比如按钮】来模拟这个 input 的 click 点击事件； 这个 input 需要隐藏：dispaly:none;3、选取文件之后、监听 onchange 事件就可以获取到文件了；input - accept 类型参考：MDN - 常见 MIME 类型列表三、实现import

一、需求我想写一个左右滑动样式的路由切换。比如进入详情页的时候，向左滑动。从详情页返回到主页的时候，向右滑动。二、参考文档1. vue-router文档 基于路由的动态过渡2. vue-transition 动画个人理解大概意思：1、路由组件可以利用 transition 标签包裹。2、需要切换的路由需要加个标识，是进入还是返回。3、通过路由的切换，来设置class类名，来设置页面切换的样式。在进入/离开的过渡中，会有 6 个 class 切换。v-enter： 定义进入过渡

原因：定义了变量，或者引入变量并没有使用。所以会触发 eslint 的报错；解决办法一删掉不使用的定义、引入的变量。办法二在 package.json 中{ "name": "...", "version": "...", "private": true, "scripts": {...}, "dependencies": {...}, "devDependencies": {...}, "eslintConfig": { "root": true,

就这样。。 ... methods: { async getMessage(){ ... // for 循环同步的方式连续发出十个请求 for(let i = 0;i < 10; i++){ await axios({ method: 'post', url, data, }).then((res)=>{ ... }) } },