控制台报错：Cannot read property ‘_withTask’ of undefined 原因：template中的出现的绑定事件在methods中没有定义 版权声明：本文为k_2302785043原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。原文链接：https://blog.csdn.net/k_2302785043/article/deta…
Vue在v-for写循环时使用transition-group动画的时候注意事项 Vue3.0再使用v-for循环时不能将key设置为index值，否则动画会执行出bug,只会在最后的一个元素上执行动画效果，动态添加元素动画也无效过。 key修改成自定义的唯一性标识符即可解决问题 版权声明：本文为qq_38287682原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声…
如何清除Form 表单验证二次弹出表单 清除验证上次提示信息(分清除表单全部信息和只清除表单验证消息2种) 二次打开表单，验证提示信息还在，如何解决呢 话不多说，直接上代码 在弹出表单方法内加入下面代码即可 ①清除表单内容和清除表单验证消息 this.$nextTick(()=>{ this.$refs.form.resetFields(); }) ②只清除表单验证消息、不清楚表单内容 th…
封装axios在vue-cli项目中便捷使用 首先创建一个vue-cli搭建起来的vue项目这个不用多说了。 安装axios，使用npm install axios --save命令安装依赖，这时候项目的package.json文件中的"dependencies"属性会有个"axios"和它的版本号就说明 安装成功了 接下来就在项目中的src下面的assets文件里创建一个js文件夹，在js文件夹…
目录 一、自定义指令 1、局部注册和使用 2、全局注册和使用 二、自定义指令处理图片加载失败（碎图） 一、自定义指令 vue中除v-model、v-show等内置指令之外，还允许注册自定义指令，获取DOM元素，扩展额外的功能。 1、局部注册和使用 注册在组件内的script内的directives内 export default { directives:{ focus:{ //自定义指令名 in…
此组件用于公共选择组件。引用Vant UI 作为样式 特性： 支持动态、静态数据源。 支持分页加载。 支持模糊搜索。 支持单选、多选。 组件源码： <template> <div class="gn-PubSelect"> <van-action-sheet v-model="inShow"> <div class="gn-PubSelect-main" …
Vue3单元测试 近来工作接触了一个有意思的东西，那就是Vue3的单元测试。虽说写起来费时费力，但是它确实可以让我们设计的组件更加健壮、更加合理且风险可控，同时编写单元测试也让我们更近一步理解组件的设计原理，好了废话不多说，直接开始吧。 快速开始 初始化一个vue3+typescript项目，移除不需要的内容 pnpm create vite 接下来是安装vitest，这是和vitest配合使用的…
写多了小程序，再写vue，在写方法传值的时候就自然而然的就想要去使用自定义属性，既简单又方便。 小程序中设置自定义属性及获取 那么在小程序中的标签自定义属性的写法及获取如下： 小程序： ①.标签设置自定义属性 <image catchtap="guanbiFn" data-which="look" src="../images/guanbia.png" class="guanbiImg"/&…
目录 1.前端画面 2.后端 3.总结 1.前端画面 <template> <div class="app-container"> <el-descriptions title="入区信息" border style="margin-bottom: 20px"> <el-descriptions-item label="申报平台名称">{{ show…