2024-04-08id:'1',subject:'Vue.js前端实战开发',content:'学习指令，例如v-if、v-for、v-model等',place:'自习室',},])上述代码中，list数组表示渲染表格区域所需的数据，id属性表示序号，subject属性表示学习科目，content属性表示学习内容，place属性表示学习地点，status属性表示学习计划的完成状态，若属性值为false，表示“未完成”，若属性值为true表示“已完成”。_vue.js学习计划表

https://www.qianduange.cn//article/4596.html 分类：前端知识

2024-04-07vue包含一些官方指令，比如v-if、v-for、v-html、v-show等等。那如何创建一个属于自己的指令呢？自定义指令有两种，一种是全局的，一种是局部的，我这里只讲解全局的。_vue elementui el-table表格实现高度自适应

https://www.qianduange.cn//article/4546.html 分类：前端知识

2024-03-1124.watchEffect函数和computed的区别。10.vue中，组件化中data为什么是函数。8.vue是如何检测数据的原理(响应式)12.vue脚手架中目录分别是什么意思。22.路由的hash和history。6.v-if和v-show的区别。2.数据双向绑定(数据代理)7.v-for中key的作用。1.谈谈你对vue的了解。14.vue组件之间传值。5.计算属性与监听属性。13.浏览器的本地存储。3.对mvvm的理解。11.组件的创建过程。15.vue解决跨域。23.vue3的优点。_vue面试题2023

https://www.qianduange.cn//article/3574.html 分类：前端知识

2024-03-07关于vue中使用echarts多图(四张图)，导致不能自适应，随着窗口的变化而变化，也就是说resize()无效或者说是只有最后一个生效(v-for遍历只有最后一个生效的解决办法)_vue echarts resize

https://www.qianduange.cn//article/3410.html 分类：前端知识

2024-03-061.v-for 遍历避免同时使用 v-if2.v-for 中的key绑定唯一的值3.v-show与v-if对性能的影响4.妙用计算属性5.使用防抖与节流控制发送频率6.路由守卫处理请求避免重复发送请求7.使用第三方UI库的引入方式_vue2性能优化

https://www.qianduange.cn//article/3288.html 分类：前端知识

2024-02-20在上面的示例中，我们使用v-for指令将items数组中的每个元素渲染为一个可拖动的div元素，并在dragstart事件处理程序中设置要传递的数据类型和值。我们还在放置区域的div元素上设置了dragover和drop事件处理程序，以便在元素拖动到目标区域时触发，并在drop事件处理程序中获取传递的数据类型和值，并根据这些数据更新items数组，从而实现拖放和携带数据的功能。这样，当拖动元素被放置到目标区域时，它将被移动到该区域并从原位置删除，并且可以通过getData方法获取传递的数据。_js draggable、 data-item实现元素拖拽

https://www.qianduange.cn//article/2342.html 分类：前端知识

2024-02-191、vue3 vuedraggable报错TypeError: Cannot read properties of undefined (reading ‘updated’)：这个一般是因为插件使用语法有问题，vue3版本的插件使用时，v-for不能。2、报错 draggable element must have an item slot：这报错也是因为没有写item插槽，按照上面的语法写了插槽后，这报错就能解决。上面示例中div上面的元素已经注释，仍会出错。以上是插件最简几行代码，这四行不能缺失。_item slot must have only one child

https://www.qianduange.cn//article/2287.html 分类：前端知识

2024-02-06【vue】element-ui、el-table使用v-for循环动态添加表头和数据_el-table-column v-for

https://www.qianduange.cn//article/1462.html 分类：前端知识

2024-02-06在前端开发中，选项卡（Tabs）是一种常见的界面元素，用于在不同的标签页之间进行切换。接下来，我们将创建一个名为Tabs.vue的组件，用于实现选项卡的功能。在模板中，我们使用了swiper组件并设置了ref属性为"swiper"，以便在后续的代码中使用。在swiper-slide标签中，使用v-for指令遍历tabs数组，生成对应的选项卡内容。通过上述代码，我们在父组件中引入了Tabs组件，并在模板中使用了Tabs标签来调用它。最后，在样式中，我们设置了选项卡容器的样式以及导航按钮的样式。_vue tab轮胎转动和切换联动

https://www.qianduange.cn//article/1458.html 分类：前端知识

2024-02-03实际效果安装插件pnpm install vue-pdf-embedpnpm install vue3-pdfjs左侧pdf菜单组件<template> <div class="pdf-view-list"> <div class="item active-item" v-for="(item, index) in pageTotalNum"..._vue-pdf-embed

https://www.qianduange.cn//article/1208.html 分类：前端知识