一起学Vue 第24页

【vue】编辑器段落对应材料同步滚动交互

场景需求编辑器段落对应显示材料编辑器滚动时，材料同步滚动编辑器段落无数据时，材料不显示实现方法编辑器与材料组件左右布局获取编辑器高度，材料高度与编辑器高度一致禁用材料组件的滚动事件获取编辑器段落距离顶部的位置，对应材料的顶部高度与段落一致监听编辑器滚动高度，对应材料组件同步滚动当段落为空时，材料不显示当段落比材料短的时候，对应材料进行下移，避免材料重叠html代码//编辑器中段落代码这是第一段这是

mooonyuan·2024-08-24 11:59

杂七杂八

读家书感悟陈歌老师太厉害了,在学着致良知的基础上，还开阔视野，学习了史记和稻盛和夫哲学太让我佩服了,并且还担当了组长,需要组织帮助大家一起学习，通陈歌老师这么用心的分享，可以看到收获满满,每一个故事都是那么的发人深省

快乐老家·2024-08-24 10:31

使用Vue 2 + Element UI搭建后台管理系统框架实战教程

Vue2作为一个成熟的前端框架，以其轻量级和高效著称，而ElementUI则是一套专为桌面端设计的Vue2组件库，它提供了丰富的UI元素和组件，大大简化了后台管理系统的开发过程。

不知名靓仔·2024-08-24 10:26

Vue使用openlayers加载天地图

Vue使用openlayers加载天地图https://www.jb51.net/javascript/315236epf.htm

zsd_666·2024-08-24 10:54

沉迷学习，日渐消瘦

图片发自App英语翻译学习分享交流很重要～联系我～一起学习进步～日益沉迷英语翻译～～图片发自App

勇敢尝试·2024-08-24 10:29

【avue+vue2+elementui】删除、rules、页面跳转、列表数据过长、日期dayjs

这里写目录标题一、删除二、rules1.格式2.`trigger:"blur"`和`trigger:"change"`区分三、页面跳转四、列表数据过长截断五、日期dayjs一、删除API/***删除.*@param{*}data*@returns返参*/exportconstdeleteOrder=(data)=>{returnrequest({url:'/api/Order/deleteOrde

傻傻有内涵的我·2024-08-24 09:51

【avue+vue2】avue-token,iframe,postmessage,3d按钮权限显隐，avue列表数据过长省略和tooltip，选择框不要勾选

目录一、avue字典+token二、3diframe三、postmessage四、3d按钮权限五、avue列表数据过长省略+tooltip六、选择框不要勾选（avue）一、avue字典+token{label

傻傻有内涵的我·2024-08-24 09:21

VUE3配置sass、less全局变量

less配置流程和sass一致，把文中的scss换成less即可，less中变量定义为：@params-name安装sasssass-loader定义样式全局变量在style/variable.scss创建一个variable.scss文件,并定义全局变量$common-color:red项目中引入全局变量$在style/variable.scss创建一个variable.scss文件，并在vit

m0_50156032·2024-08-24 09:49

knowLedge-无关系组件间方法的调用(创建新的 Vue 实例来作为事件总线（Event Bus）方法实现)

1.前言在vue中两个组件无关系(非父子，兄弟即非直接关系)，要实现一个组件对另一个组件方法调用以及数据通信。vue本身没有直接提供非关系组件间通信的内置机制。

哟哟耶耶·2024-08-24 09:47

vue3使用canvas画动态虚线和普通虚线

1、使用ref封装虚线方法constdrawDashed=(x:any,y:any,x1:any,y1:any,color:any,width:any,canvas:any)=>{constctx=canvas.value.getContext("2d");ctx.lineWidth=width;ctx.strokeStyle=color;ctx.beginPath();ctx.setLineDa

Abao·2024-08-24 09:46

2019兴成长计划--信息素养提升班学习心得体会

2019年兴成长计划，并在教育信息化2.0信息素养提升班报了名，从开班仪式上就让我们感受到了网路学习的震撼，作为一线教师的我们，能参与这样的学习机会值得我们每一位教师去珍惜，能与全国这么多有名的教育专家在一起学习成长真的很难得

镇赉614李良闯·2024-08-24 08:09

前端审查_Nginx

项目如何部署上线前端如何构建生产环境代码vueCli/vite/cra/umi等都是运行build脚本npmrunbuildbuild如何定义打包生产环境代码配置vueCli在配置文件vue.config.js

苦逼的猿宝·2024-08-24 08:11

Qt+vue开发桌面应用程序（二）Vue部分介绍

上一章介绍了Qt+vue开发桌面应用程序（一）Qt部分介绍，本文介绍Vue部分一、原理介绍主要是引入Qt5里面qwebchannel.js文件，再定义交互类和Qt5交互二、代码实现在Vue项目中的public

丁爸·2024-08-24 07:00

流程图编辑框架LogicFlow-vue-ts和js

LogicFlow官网https://site.logic-flow.cn/LogicFlow是一款流程图编辑框架，提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、插件等拓展机制。LogicFlow支持前端研发自定义开发各种逻辑编排场景，如流程图、ER图、BPMN流程等。在工作审批配置、机器人逻辑编排、无代码平台流程配置都有较好的应用。效果图将此项目导入自己现有项目中：在自己现有项目中

懒员员·2024-08-24 06:29

vue组件封装——公用基础table组件

ui框架用的element-ui；vue版本为vue2（2.5.17）baseTable组件table+pagination{{scope.row[column.prop]}}exportdefault

h_jQuery·2024-08-24 06:27

Vue3学习——Node环境安装（一）

在进行Vue项目开发时，必须先安装Node.js。Node.js是一个基于ChromeV8引擎的JavaScript运行环境。

rain_love_snow·2024-08-24 06:57

探索 LogicFlow Vue Demo：一款强大的可视化建模工具

探索LogicFlowVueDemo：一款强大的可视化建模工具是一个基于Vue.js的逻辑流程图绘制库的示例项目，它为开发者提供了一种直观、易用的方式来创建和展示复杂的逻辑流程图。

杭律沛Meris·2024-08-24 06:57

2019-06-26vue-cli使用sass

save-devsass-loader//sass-loader依赖于node-sassnpminstall--save-devnode-sass修改style标签打开src目录下的components目录中的Hello.vue

Kason晨·2024-08-24 06:09

不同分辨率下vue页面的高度自适应

1.使用视口单位.element{height:100vh;/*使得元素高度等于视口高度的100%*//*可以减去一部分高度以适应页眉或页脚*/height:calc(100vh-100px);}2.使用百分比（%）高度.parent{height:100vh;/*父元素高度等于视口高度*/}.child{height:50%;/*子元素高度为父元素高度的50%*/}3.使用Flexbox或Gri

Abao·2024-08-24 06:24

vue @scroll监听滚动条事件，解决不生效问题

1、单纯加@scroll并不生效2、在配置@scroll同时在mounted加上一下方法mounted(){window.addEventListener('scroll',this.loadMore,true)},3、loadMore方法可以自己定义loadMore:function(e){console.log(e)}4、通过以上可以顺利监听滚动条监听事件

Long long ago.·2024-08-24 05:48

vue3中shallowRe用法介绍

shallowReactive、‌shallowRef和shallowReadonly是Vue3中CompositionAPI的一部分，‌它们用于创建响应式数据，‌但与普通的reactive、‌ref和

phpgolife·2024-08-24 04:13

js如何实现深度优先遍历和广度优先遍历

最近碰到一个面试题，如何实现深度遍历和广度遍历，深度遍历我们常用，但是广度遍历会少一点，不知道的同学可以一起学习一下，知道的就当巩固知识点吧先说下区别名称采用区别深度优先遍历递归不需要记住所有的节点,所以占用空间小广度优先遍历队列需要先记录所有的节点占用空间大

写写而已·2024-08-24 03:58

Vue3的Hooks的使用创建（组合式API的灵魂）

可以利用toValue()工具函数来实现：import{toValue}from'vue'functionuseFeature

J不A秃V头A·2024-08-23 23:45

Vue Styled Components 新版本发布

仓库地址：https://github.com/vue-styled-components/core文档地址：https://vue-styled-components.com近段时间版本升级比较频繁，

来一杯奶茶呀！·2024-08-23 23:14

Vue computed多种使用场景和详细使用案例

Vue的computed属性是一种特殊的数据属性，它们根据组件中其他数据属性的值动态计算得出。computed属性是响应式的，只有当依赖的响应式数据发生变化时，计算属性才会重新计算。

夲奋亻Jay·2024-08-23 23:13

vue3什么场景使用computed?如何使用

比如说，我们有这样一个包含嵌套数组的对象：jsconstauthor=reactive({name:'JohnDoe',books:['Vue2-AdvancedGuide','Vue3-BasicGuide

fury_123·2024-08-23 23:42

又是一年开学季（二）

所以，我们现在新时代的教师，不再以拥用丰富的知识而高高在上，而应以一个与孩子一起学习成长的心态来教学。想办法激励学生的学习潜能，根据学生具体情况，用专业视角指导学生挖掘出自己的学习热情与潜质，最大限度

梧桐雨_·2024-08-23 22:15

2018.09.29咖啡冥想

目标：9月20日到12月31日拥有一个陪伴我人生的伴侣，跟我一起学习种子法则或者《卓越父母》。动机：父母不再操心我的个人事情、安心，成长学习的榜样，影响更多的人学习种子法则。

空空dj·2024-08-23 21:57

uniapp-组件规范

uni_module、datacom、原生组件、uniCloud组件easycom：只要组件安装在项目的components目录下或uni_modules目录下，并符合components/组件名称/组件名称.vue

if.else.Z·2024-08-23 21:59

Vue axios在Spring Boot 的 Controller中接收数组类型的参数

现在我们来看看如何使用Vue的axios发送POST请求来调用这个接口。

serve the people·2024-08-23 21:58

计算机毕业设计之springboot+mpvue招聘网站招聘信息分享平台招聘信息分享小程序

介绍小程序端，使用美团小程序框架mpvue+有赞UI组件库Vant+蚂蚁金服数据可视化方案AntV等。后端基于SpringBoot+MyBatis+Redis+Mysql。

计算机毕业设计大全·2024-08-23 21:13

Vue3的三种样式控制及实现原理

个人知乎Vue3中一共有三种样式控制，分别是全局样式控制、局部作用域样式控制和深度样式控制，今天我们一起看下这三种样式控制的使用，以及实现的原理是什么。

沐爸muba·2024-08-23 19:19

深入理解Vue数据响应式

Vue数据响应式主要研究的是Vue构造选项中data属性的特性深入响应式官方文档网址：https://cn.vuejs.org/v2/guide/reactivity.html1.首先理解ES6的getter

雨溪滩·2024-08-23 18:20

electron-vite封装UI级的消息提示

说明Electron+Vite+Vue3+ElementPlusElectron中写提示有两种方案：系统级：electron带的dialog相关APIUI级：UI框架内部的提示，如ElMessage、ElMessageBox

前端没钱·2024-08-23 18:12

Vue3+ElementPlus el-date-picker设置可选时间范围

需求:选择年份，对应的日期范围选择器跟随年份变化，只可选当前年份ElementPlus的el-data-picker没有picker-options属性，但是提供了default-value属性可以设置不可选的日期这里我们定义一个方法disabledDateFun用来筛选符合要求的日期，接受一个date格式的对象作为参数，返回格式为Boolean//此函数接受date作为参数通过判断是否符合要求返

屠灵666·2024-08-23 18:41

(JS\VUE\REACT) div拖拽移动+控制大小（高度、宽度）及单独只控制div的宽度

一、div拖拽移动+控制大小（高度、宽度）1.演示数据拖拽测试数据01测试数据022.初始化（页面生成时调用）varbox=document.getElementById('box')vardrag=document.getElementById('drag')varscale=document.getElementById('scale')//调用拖拽方法this.dragTop(drag)//

丁先生320·2024-08-23 18:11

vue中table表格根据返回数据显示内容及表格字段对应的数据类型是数组

问题1：定义：方法：sfktHouse(row,index){if(row.stopType=="120000"){return"停机保号";}if(row.stopType=="230000"){return"到期停机";}}问题2：方法1：{{orderItems.goodsNbr}}方法2：//遍历table中roles数组rolesData(row){letarr=[]row.roles.

丁先生320·2024-08-23 18:11

vue面试题四

v-show和v-if是Vue.js中用于控制元素显示与隐藏的两个常用指令，但它们的工作方式和性能表现有所不同。

笃励·2024-08-23 18:41

vue面试题十四

一、Vue3的CompositionAPI主要包括哪些函数和钩子？

笃励·2024-08-23 18:41

若依/vue2引入threejs展示glb/gltf模型，以及画布截图功能

需求背景：前端对glb/gltf模型进行线上管理，支持上传本地模型，每次上传后展示模型，在提交给后端的时候带上该模型的截图，具体效果不便展示，相关代码如下：1.安装依赖//"three":"^0.162.0",npminstallthree2.引入依赖，初始化画布并渲染模型//1.引入import*asTHREEfrom"three";import{OrbitControls}from"three

怎么吃不饱捏·2024-08-23 18:40

vue面试题十六

**一、Vue3相对于Vue2有哪些主要改进和新增特性？**Vue3相对于Vue2在多个方面进行了显著的改进和新增了多项特性，这些改进旨在提升性能、提供更好的开发体验以及增强代码的可维护性和可读性。

笃励·2024-08-23 17:35

Vue页面中debugger失效

目录一、F12打开开发者工具，找到设置二、去掉自定义排除规则一、F12打开开发者工具，找到设置二、去掉自定义排除规则

Monly21·2024-08-23 17:32

vue3 语法糖＜script setup＞

在Vue3中，是一种新的语法糖，它极大地简化了组件的编写方式。是在单文件组件(SFC)中使用组合式API的编译时语法糖。当同时使用SFC与组合式API时该语法是默认推荐。

fishmemory7sec·2024-08-23 16:01

vue 2.0 对应vuex的commit用法

在Vue.js2.0中，commit方法通常与Vuex（Vue的状态管理模式+库）一起使用，用于触发mutation（更改Vuexstore中的状态的唯一方法）。

&loopy&·2024-08-23 16:26

vue mapActions的使用

在Vue.js中，特别是在使用Vuex进行状态管理时，mapActions是一个辅助函数，用于帮助我们将组件中需要调用的actions映射到本地方法上。