vue3 动态的导入图片vue3 如果使用的是typescript开发，就会出现require引入图片报错，require is notdefined 不能像使用vue2这样imgUrl: require(’…/assets/test.png’) 导入，是因为typescript不支持require所以用import导入，下面介绍如何解决： 使用await import(’@/assets/img

vue+jsplumb 实现根据数据渲染出连线绘图vue+jsplumb 实现连线绘图vue3.x 使用jsplumb进行拖拽连线jsplumb 点击节点或者连线高亮显示

vue中元素嵌套iframe后绑在元素上的点击事件失效点击事件和拖拽事件冲突使用 focus-outside 库解决iframe和父组件之间的通信问题

three.js导入显示模型的时候自动计算模型缩放比例，.stl模型加金属材质

VUE3祖孙组件传值调用方法父子组件传参可以通过 *props* 和 *emit* 来实现，但是当组件的层次结构比较深时，*props* 和 *emit* 就太繁琐了。vue为了解决这个提出了 *provide / Inject*

vue3 使用自定义指令，全局注册，局部注册，必须以 vNameOfDirective 的形式来命名本地自定义指令，以使得它们可以直接在模板中使用。局部注册自定义指令，实现输入框自动获取焦点;全局注册自定义指令，实现防止按钮连续重复点击事件（防抖）

vue+iview+Collapse折叠面板，循环动态生成数据用v-for实现，但是生成后会出现一些bug，比如点击某一个面板点不开，或者点击后同时展开多个，接下来我们开始描述如何解决这些问题。效果图：<template><div><Collapse v-model="value1"><Panelv-for="(item,i) in panelList"

vue3.x$nextTick和 $refs用法在会使用vue2.x语法后，正在学习vue3语法，记录一下 $nextTick和 $refs用法，下面是一个demo,实际演示如何使用话不多说直接上代码（这里ui用的是elementUi）<template><el-button type="" @click="clickShow">显示弹窗</el-button>

Vue3 iframe引用本地文件以及根据内容调整iframe高度首先在public文件夹下新建文件夹static,将需要引入的html页面放入进去template写引入iframe<iframe src="static/word/index.html"id="testFrame" name="myiframe" frameborder="0" width="100%" scrolling=

1.安装npm install --save threeJs2.引用three.jsimport * as THREE from 'three/build/three.module'3.根据项目需求引入对应的文件import {FBXLoader} from 'three/examples/jsm/loaders/FBXLoader'import {OBJLoader} from 'three/e