el-table table vue el
Vue学习笔记之gyp: No Xcode or CLT version detected! gyp ERR! stack Error: `gyp` failed with exit code: 1
0x00 现象 MacOS在执行npm install下载项目的依赖包的时候出现的gyp报错，报错内容如下： No receipt for 'com.apple.pkg.CLTools_Executables' found at '/'. No receipt for 'com.apple.pkg. ......
Vue学习笔记之Vue项目启动gyp ERR! find Python
0x00 报错详细 该报错在Windows和MacOS平台均会出现，项目启动时候报错如下： E:\vue-admin\node_modules\fibers>if not defined npm_config_node_gyp (node "D:\nodejs\node_modules\npm\no ......
vue3 祖孙通信
利用provide和inject provide用于向子组件(或子组件中的子组件，无限嵌套)提供自身的一些数据，或者将自身所有属性全部提供，但是提供的数据均为非响应式数据。 inject用于引入父级组件所提供的数据 1、祖父组件 import {ref, reactive,provide} from ......
报错：[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'state')"
1.错误详情 2. 错误分析 百度此错误发现，很多人可能忘记在main.js中引入store.js并挂载在vue实例上，或者state单词写错了 我审查了很多遍代码，依然报错，读取不到state中的数据，后来想到可能是版本的问题此项目是vue2，要使用vuex3才能正常运行，我安装的时候没有指定版本 ......
vue 插槽
1、作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间的通信方式，适用于父组件==》子组件 2、分类：默认插槽、具名插槽、作用域插槽 3、使用方式： （1）、默认插槽 父组件中： <Category> <div>html结构 </div> </Category> 子组件中： <tem ......
Vue组件和Vue实例的理解
关于VueComponent： 1、组件本质是一个名为VueComponent的构造函数，并且不是程序员定义的，是Vue.extend生成的 2、我们只需要写组件引入<Demo />,Vue解析时会帮我们创建demo组件的实例对象，即Vue帮我执行的： new VueComponent(option ......
vue学习记录
环境安装 nodejs有了，安装vue-cli： npm install -g @vue/cli （准备按查的资料跑下去的时候突然发现公司项目运行命令是npm run dev，好家伙是vue2，这个是vue3的） 再安装： npm install -g @vue/cli-init 看资料说webpa ......
Vue全局事件总线（GlobalEventBus）
Vue全局事件总线1、一种组件间通信的方式，适用于任意组件间通信。 2、安装全局事件总线 // main.js 中 安装全局事件总线 new Vue({ render: h => h(App), beforeCreate() { Vue.prototype.$bus = this // 安装全局事件 ......
uniapp+微信小程序+vue3 实现富文本编辑器遇到的坑
问题一：富文本编辑器初始化实例出不来，有两个原因： 找的参考代码不适用微信小程序，需要用.in(this) uni.createSelectorQuery() .in(this) .select("#editor") .context(res => { this.editorCtx = res?.c ......
vue之计算属性&监听属性&生命周期&组件介绍&组件间通信&ref属性
## 1.计算属性computed ```python # 1 计算属性是基于它们的依赖变量进行缓存的 # 2 延缓计算,计算属性只有在它的相关依赖变量发生改变时才会重新求值，否则不会变（函数只要页面变化，就会重新运算） # 3 计算属性就像Python中的property，可以把方法/函数伪装成属 ......
vue父组件向子组件传递一个对象，使用一个对象绑定多个 prop
如果你想要将一个对象的所有属性都当作 props 传入，你可以使用没有参数的 v-bind，即只使用 v-bind 而非 :prop-name。例如，这里有一个 post 对象： export default { data() { return { post: { id: 1, title: 'My ......
ASEMI代理英飞凌TLD2314EL参数，LED驱动器TLD2314EL
编辑-Z TLD2314EL参数描述： 型号：TLD2314EL 电源电压VS：40V 输出电压VOUTx：40V 状态电压VST：6V 输出电流IOUTx：130 mA 结温Tj：-40~ 150℃ 储存温度Tstg：-55~ 150℃ 正常工作的电源电压范围：5.5~40V 上电复位阈值VS(P ......
JS stacktrace Vue 项目过大内存泄漏
1. 运行以下命令 npm install -g increase-memory-limit increase-memory-limit 4096mb #改成适合本机的内存 2. 可能会提示 "node --max-old-space-size=10240"' 不是内部或外部命令，也不是可运行的程序 ......
vue 商品规格生成sku,sku多维数组组合，sku组装spData json
1 <script lang="ts"> 2 import {Component, Prop, Vue, Watch} from "vue-property-decorator"; 3 import config from "@/config"; 4 import {queryProductSpec ......
vue 自定义指令总结
一、定义语法 （1）、局部指令： .... methods: {}, directives: { // 局部指令写法一 big(el, binding) { // el 被绑定的元素 // binding 被绑定的对象值 console.log(el, binding) }, // 局部指令写法二 ......
TLD5097EL-ASEMI代理英飞LED驱动TLD5097EL
编辑：ll TLD5097EL-ASEMI代理英飞LED驱动TLD5097EL 型号：TLD5097EL 品牌：Infineon(英飞凌) 封装：SSOP-14-EP-150mil 类型：LED驱动、汽车芯片 TLD5097EL特性 输入电压范围宽，从4.5 V到45 V 极低关断电流：I q_OF ......
通过 Vue 插件的方式来实现全局调用组件的功能
1、在组件中添加 show 和 hide 方法。 export default { methods: { show: function () { this.visible = true; }, hide: function () { this.visible = false; } } } 在上述代码 ......
TLD2314EL-ASEMI代理英飞凌汽车芯片TLD2314EL
编辑：ll TLD2314EL-ASEMI代理英飞凌汽车芯片TLD2314EL 型号：TLD2314EL 品牌：Infineon(英飞凌) 封装：SSOP-14-EP-150mil 特性：LED驱动、汽车芯片 宽温度范围：-40°C~150°C 封装：SSOP-14，带外露散热片 产品描述 TLD2 ......
Page Table
- 参考 - https://zhuanlan.zhihu.com/p/270577411 - https://zhuanlan.zhihu.com/p/108425561 *** - 学习AXI总线时涉及到4KB边界，网上搜到的资料是与Page有关，没有了解过相关知识，补习一下。 *** ## 1 ......
重新设置a-table空状态样式
<a-config-provider> <template #renderEmpty> <img src="../../../assets/images/no-data.png" alt="" width="120px" height="120px" /> <div style="color: rg ......
vue3中使用less
在Vue 3中使用Less（Leaner Style Sheets）可以通过以下步骤完成： 1. 安装less和less-loader：首先，你需要安装Less和Less Loader依赖。在Vue项目的根目录下，可以使用npm或yarn运行以下命令来安装它们： ```bash npm instal ......
vue文档下载
文档中{普通文字}{%图片}{%%居中图片} <template> <el-date-picker v-model="value" class="timePicker" type="day" placeholder="" format="YYYY-MM-DD " value-format="YYYY ......
Vue3从入门到精通(二)
vue3 侦听器 在Vue3中，侦听器的使用方式与Vue2相同，可以使用watch选项或$watch方法来创建侦听器。不同之处在于，Vue3中取消了immediate选项，同时提供了新的选项和API。 创建侦听器 可以使用watch选项或$watch方法来创建侦听器，语法与Vue2相同。示例如下： ......
electron-vue3的项目怎么引用element-plus的icon图标
在electron结合vue3的项目中，引入element-plus的icon可以根据官网的步骤： 先安装icons-vue npm install @element-plus/icons-vue 注册所有图标，在main.js/main.ts 1 import * as ElementPlusIc ......
解决Vue项目在刷新页面时出现404错误的问题
在Vue项目中，当在本地运行时，使用Vue Router进行路由跳转时，页面的刷新是由前端路由控制的，而不会发送实际的HTTP请求。然而，当将Vue项目发布到服务器上时，刷新页面可能会导致出现404错误。本文将介绍两种常见的解决方案。 ......
vue项目工程化入门
- mac电脑  # 1、项目创建 - 使用Vue-cli来完成 ## 1.1、N ......
在vue中使用混入
混入 (mixins)： 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项。 1.创建Mixins 在src目录中创建一个mixins文件，文件夹里面创建一个js文件import，前面我们说了mixi ......
从0搭建Vue3组件库(九):VitePress 搭建部署组件库文档
## VitePress 搭建组件库文档 当我们组件库完成的时候,一个详细的使用文档是必不可少的。本篇文章将介绍如何使用 VitePress 快速搭建一个组件库文档站点并部署到GitHub上 ## 安装 首先新建 site 文件夹,并执行`pnpm init`,然后安装`vitepress和vue` ......
VUE Error: Cannot call .tap() on a plugin that has not yet been defined. Call plugin('preload').use(<Plugin>) first.
在对一个vue项目执行过“npm audit fix --force”命令之后，就出现了如下错误： ERROR Error: Cannot call .tap() on a plugin that has not yet been defined. Call plugin('preload').us ......
关于vue中对象的props默认值的问题
apiConfig: { //配置 type: Object, default () { return { type: "11", url: "11", urlParams: {}, labelName: "11", valueName: "11" } } }, 如果以以上写法为对象设置默认值，会在 ......