vue单选多选

vue3的element-plus在外部自定义指示器切换轮播图(走马灯)

-----自定义指示器----------内容-----内容{{item}}import{ref}from'vue'constcarousel=ref()constcurrentIndex=ref(0)
前端路上迷茫的小鲨鱼·2024-02-02 18:21

Vue2.0 组件传值方式：父传子、子传父、非父子组件传值

文章目录1.父组件向子组件进行传值父组件：子组件：2.子组件向父组件传值子组件：父组件：3.非父子组件进行传值公共bus.js组件A：组件B：每次总结都是在加强一遍记忆1.父组件向子组件进行传值父组件：父组件:importchildfrom'./child'exportdefault{components:{child},data(){return{name:''}}}子组件：子组件:{{inpu
博客zhu虎康·2024-02-02 18:21

vue中计算属性computed简单使用与传递参数

一、了解computed是Vue实例中一个非常强大的计算属性，它的值主要根据依赖数据而变化。我们可以将一些简单的计算放在computed属性中，从而实现在模板中使用简单的表达式。
小白_ysf·2024-02-02 18:21

vscode使用VueCLI创建项目时如何关闭eslin

1.npmuninstalleslint2.npmuninstall@vue/cli-eslint-plugin3.重启项目
李成泽·2024-02-02 17:40

【另一种成长】我的青椒学习之旅

很多人在面对困难的时候，大多选择退缩，可是并我不赞同“山穷水尽”，因为我始终相信“车到山前必有路”，不管有什么困难，我们都应该相信，风雨后会看到阳光和美丽的彩虹。
陕县2795赵矿京·2024-02-02 17:39

Vue中的计算属性和侦听器（监视器)

一、computed计算属性1.概念基于现有的数据，计算出来的新属性。依赖的数据变化，自动重新计算。2.语法声明在computed配置项中，一个计算属性对应一个函数使用起来和普通属性一样使用{{计算属性名}}3.注意computed配置项和data配置项是同级的computed中的计算属性虽然是函数的写法，但他依然是个属性computed中的计算属性不能和data中的属性同名使用computed中
Maiko Star·2024-02-02 17:04

Vue中的常用指令

一、常用指令概念：指令（Directives）是Vue提供的带有v-前缀的特殊标签属性。为啥要学：提高程序员操作DOM的效率。
Maiko Star·2024-02-02 17:03

vue 计算属性和data_Vue中计算属性，方法和观察者之间的区别

对于那些刚开始学习Vue的人来说，方法，计算属性和观察者之间的差异让人有些困惑。尽管经常可以使用它们中的每一个来完成或多或少相同的事情，但是知道它们在哪些方面优于其他的是很重要的。
sultan_song·2024-02-02 17:03

vue 计算属性和data_Vue中的方法，属性计算和观察者

我喜欢使用Vue的原因之一是，Vue中的methods、computed和watchers的使用是多么的有用。如果没有彻底的理解它们之间的区别，就很难充分利用Vue的功能。
weixin_39851279·2024-02-02 17:03

Vue2.0 修饰符、绑定样式、计算属性以及侦听属性

一、修饰符1.事件修饰符：事件修饰符是对事件捕获以及目标进行了处理（语法：@事件名.修饰符）（1）stop：阻止了事件冒泡，相当于调用了event.stopPropagation方法（2）prevent：阻止了事件默认行为，相当于调用了event.preventDefault方法（3）self：只有在event.target是当前元素自身时触发（4）once：绑定的事件只能触发一次（5）captu
前端小白李小小·2024-02-02 17:01

vue2指令和修饰符

项目创建的方式vuecreatename命令行方式创建vueui图形化方式创建项目中的命令首先在cmd命令行窗口中确认是在项目的根目录中,才能正确的启动命令.开发环境命令:npmrunserve打包便衣命令
Pinia-·2024-02-02 17:30

Vue中的指令修饰符&计算属性和方法的区别

指明一些指令后缀不同的后缀封装了不同的处理操作—>简化代码2.按键修饰符@keyup.enter—>当点击enter键的时候才触发代码演示：[email protected]→监听键盘回车事件constapp=newVue
Maiko Star·2024-02-02 17:29

三十元

我也怀疑自己有多选择恐惧症，一会儿想去华莱市去大吃一顿，一会儿想去玩具店买梦寐以求的玩具，一会儿想去看仙侠电影《奇门
璀璨贝壳·2024-02-02 17:31

华为数通方向HCIP-DataCom H12-821题库(单选题：381-400）

第381题以下是某台设备通过displayisislsdb命令输出的信息，那么关于以上输出的信息的描述，正确的是哪一项?displayisislsdbDatabaseinformationforISIS(1)--------------------------------Level-1LinkStateDatabaseLSPIDSeqNumChecksumHoldtimeLengthATT/P/O
didiplus·2024-02-02 17:58

【编程入门】开源记事本（Flutter版）

image左侧为前端版本：安卓、iOS、鸿蒙、Flutter、Vue、uni-app。右侧
蓝不蓝编程·2024-02-02 17:47

VUE 控制同一时间接口报错弹框个数

1、在utils文件夹下创建messageOnce.js文件，封装message对象类import{Message}from'element-ui'//私有属性，只在当前文件可用constshowMessage=Symbol('showMessage')exportdefaultclassdomMessage{success(options,single=true){this[showMessag
郭周周·2024-02-02 17:09

vue中定时器的开启及关闭

但是在vue中就出现了一个小问题，在组件上使用@mouseenter="startRoll",@mouseLeave="stopRoll"然后在methods中写好这两个function页面
Bior·2024-02-02 17:13

11 个 JavaScript One-Liner 技巧

11个JavaScriptOne-Liner技巧转载于公众号链接如下[Vue中文社区](javascript:void(0);)[https://mp.weixin.qq.com/s/MGQyCg8Cg1YiWWRzNhr11Q
mango_2020·2024-02-02 16:19

vue2 解决父组件刷新子组件数据

在使用elementui开发pc端项目时，经常会有这样的业务场景，比如，在页面中有一个按钮，点击按钮打开一个弹框，弹框里面有一些表单项或其他的数据源，如果把按钮所在的页面作为父组件，弹框中的内容作为子组件，父组件点击按钮想要每次都能初始化子组件中的数据，会发现mounted生命周期只会调用一次，如果想要每次打开都能刷新子组件的数据，一般会有以下几种解决方式。方法1、在子组件上面加一个key，这个k
jqh_0484·2024-02-02 16:45

vue 移动端 echarts 柱状图或折线图数据一页展示固定条数，且数据从右向左滑动。

在进行移动端项目开发时，曾遇到这样的一个业务场景，有一个图表模块的开发，使用第三方组件echarts进行开发，统计图以时间为维度进行数据展示，可视区域固定展示3条数据，初始化时展示的最新日期的数据，用户可以从右向左滑动查看其他日期的数据。具体参考图片如下：遇到的问题：1、固定条数展示；2、初始化时页面以最新的日期数据为起始展示数据，用户向左滑动可以看其他日期的数据；解决方法：查看完相应的api后，
jqh_0484·2024-02-02 16:45

vue.js 移动端侧边栏导航和内容双向联动

描述：移动端侧边栏导航和右侧内容双向联动，用户点击左侧侧边栏导航，右侧内容能快速定位到内容区域，右侧内容在滚动时，左侧导航会高亮显示当前内容所对应的导航。问题难点：右侧内容滚动时，左侧导航能定位到当前内容对应的导航。解决方案：使用js提供的intersectionObserverapi实现，此api可观察目标元素与其祖先元素或顶级文档视口交叉状态，通过交叉状态来实现双向联动。具体实现如下：1、侧边
jqh_0484·2024-02-02 16:45

vue h5控制浏览器返回

遇到的问题：1、使用vue-router的路由钩子函数beforeRouteLeave可以监听到路由的变化，当前显示的页面是未返回前的页面，但是浏
jqh_0484·2024-02-02 16:15

记录--vue使用Luckysheet插件实现导入导出

Luckysheet开发的excel导入导出库-Luckyexcel(opensnewwindow)已经实现了excel导入功能（目前只支持xslx文件）；支持多sheet更新导出边框问题更新导出类型不同时样式Luckysheet导入文档导入文件（仅限.xlsx文件）npm引入npminstallluckyexcel引入到页面中importLuckyExcelfrom'luckyexcel'使用方
会自己走的CV码农·2024-02-02 16:43

vue使用Luckysheet插件实现导入导出

Luckysheet开发的excel导入导出库-Luckyexcel(opensnewwindow)已经实现了excel导入功能（目前只支持xslx文件）；支持多sheet更新导出边框问题更新导出类型不同时样式使用方法：导入文件（仅限.xlsx文件）npm引入npminstallluckyexcel引入到页面中importLuckyExcelfrom‘luckyexcel’letfile=e.ta
admin-Y·2024-02-02 16:40

自定义modal模态框

在components文件夹下创建一个名为CustomModal的文件夹，并在其中创建CustomModal.vue文件。
前端fighter·2024-02-02 16:08

Vue3+ThreeJS的简单使用

1.介绍Three.js是基于原生WebGL封装运行的三维引擎，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。github地址three.js官网three.js中文文档2.应用场景智慧城市智慧园区大屏数据可视化3D看房小游戏3.使用3.1下载Three.js//通过CDN方式引入//使用npm下载npminstall--savethree//在要使用的页面中引入
无敌暴龙神~·2024-02-02 16:04

vue组件，echarts制作3D地图，可点击凸起，hover高亮，可做飞鱼线（带天空盒子）

一、下载地图json数据：免费下载实时更新的geoJson数据、行政区划边界数据、区划边界坐标集合__HashTang(hxkj.vip)二、组件引入，修改地图json数据和下载插件后可直接使用importmapDataCqfrom"@/assets/mapjson/linxi3.json";import$from'jquery';//importechartsfrom'echarts'//导入e
巴黎的疯子·2024-02-02 16:04

vue2+three.js做出一个精美的3D地图——1.搭建基础场景

系列文章目录构建基础场景文章目录系列文章目录构建基础场景前言一、下载three.js二、搭建基础场景1.构建场景（Scene）2.构建摄像机（Camera）正交相机（OrthographicCamera）：物体不会受距离影响，无论远近都不会改变大小透视相机（PerspectiveCamera）：物体受距离影响，远小近大，跟我们的人眼非常相似。透视相机构造函数的四个参数3.渲染器基础的已经搭建完成了
Tx的练习题·2024-02-02 16:04

Vue + 高德地图 + 三维模型

一：创建高德的kek和密钥（根据需求选择服务平台），我选择的是web端（JSAPI）二：在vue中引入高德地图在public文件下找到index.html文件引入你的key值。
死不瞑目的八爪鱼·2024-02-02 16:33

vue2动态渲染el-table + 前端导出excel

市局县局服务站查询重置-->导出新增-->{{itm[item]||0}}-->import{getStatisticsQueryList,getStatisticsQueryListHeader,getStatisticDept}from"@/api/grassrootsServices/statisticMessage/index"import*asFileSaverfrom"file-sav
举个栗子 .·2024-02-02 16:33

vue基于Blob.js和 Export2Excel.js做前端导出Excel

一、安装依赖npminstall-Sfile-savernpminstall-Sxlsxnpminstall-Dscript-loader二、导入两个js三、main.js引入文件//引入ExcelimportBlobfrom'./Excel/Blob'importExport2Excelfrom'./Excel/Export2Excel.js'//封装公共方法,导出Excel**********
Zh.冠军·2024-02-02 16:30

前端使用xlsx.js导入导出excel并展示

效果截图在最下边先上代码（直接从项目中摘抄出一部分，并附上了注释）：//当时项目用的是vue，为了省事只将有用的部分筛选了出来生成excel{{sub.name}}import{axios}from'@
甲乙丙丁！·2024-02-02 16:29

Qt6入门教程 13：QPushButton

目录一.QPushButton1.多选2.互斥3.设置菜单4.图标按钮4.1给按钮添加图标4.2异形按钮4.3真*异形按钮二.设置Qt样式表一.QPushButtonQPushButton是与QAbstractButton
草上爬·2024-02-02 16:27

Qt6入门教程 12：QAbstractButton

目录一.状态二.信号三.使用1.自定义按钮2.多选3.互斥QAbstractButton类实现了一个抽象按钮，并且让它的子类来指定如何处理用户的动作，并指定如何绘制按钮。
草上爬·2024-02-02 16:56

VUE前端使用exceljs导出table以及echart图 生成excel文件

最近项目新增一个需求：导出部分列表数据(较少)以及生成的echart图放到一个excel文件中，全部需要在前端完成exceljs文档地址1、安装//安装npminstallfile-saver--save//保存文件使用npminstallexceljs--save2、引入//组件中引入importExcelJSfrom'exceljs'importfileSavefrom'file-saver'
一梦成回忆·2024-02-02 16:26

前端vue+elementui导出复杂（单元格合并，多级表头）表格el-table转为excel导出

需求：前端对el-table表格导出插件：npminstallxlsx-Snpminstallfile-saver--save原理：直接导出el-table的表格里面的数据，这样就会存在缺点，只会导出当前页面的数据，如果需要导出全部数据，可以自己重新渲染一个全部数据不可见的el-table表格，来导出就可以了扩展：经过测试，不止el-table表格可以导出，各种各样的ui组件的表格都可以导出，例如
MadSnail00·2024-02-02 16:26

Qt6入门教程 15：QRadioButton

目录一.简介二.常用接口三.实战演练1.径向渐变2.QSS贴图3.开关效果4.非互斥一.简介QRadioButton控件提供了一个带有文本标签的单选按钮。
草上爬·2024-02-02 16:24

详解SkyWalking前端监控的性能指标

实现的方式是引入skywalking-client-js库，这是一个skywalking官方出品的一个前端埋点上报插件，支持React,Angular,Vue框架。它有如下功能：提供指标和错误
测试开发Kevin·2024-02-02 16:24

【从0上手cornerstone3D】核心概念解析（下）

前言渲染Dicom文件的具体流程请查看：如何渲染一个基础的Dicom文件（上）Github演示：https://github.com/jianyaoo/vue-cornerstone-demo逻辑图在线链接
云之遥_·2024-02-02 16:22

vue3从0动态滚动到指定数字

[vue3从0动态滚动到指定数字](animated-number-vue3-npm(npmjs.com))image.png1.安装$npminstallanimated-number-vue3$yarnaddanimated-number-vue32
肖_53e4·2024-02-02 15:47

vue使用echarts窗口自适应

('myChart'));window.onresize=()=>{myChart.resize()}优点：可以根据窗口大小实现自适应缺点：window.onresize是绑定到window上的，切换vue
～倩·2024-02-02 15:46

vue实现查询搜索框下拉字典

字典表前端页面显示依据这个字典表实现动态查询初始化数组首先先在全局变量里定义一个数据存放查询出来的数据data(){return{dicts:[]};},生命周期查询的时候是声明周期开始的时候，原本增删改查页面在生命周期开始的时候就查询了页面的数据获得了列表值，此时在生命周期开始也要查询字典的数据值activated(){this.getDataList();//获取所有的"性别this.getD
今年不养猪只除草·2024-02-02 15:33

ElementUI: el-upload组件上传文件/导入功能的实现,简单易懂!

HTML部分:浏览文件上传关闭组件属性如下::file-list="fileList"译:上传列表:multiple="false"译:是否多选文件:show-file-list="true"译:否展示已选择文件列表
小李的编程笔记·2024-02-02 15:03

解决elementUI 中 el-avatar组件头像切换不更新问题

起初想的是不是因为vuex的getter没有及时更新头像的url信息，就去查了很多相关的资料，最后还是没能解决，经过不断的测试
qq_36306693·2024-02-02 15:32

ElementUI - el-input等组件绑定点击事件

前言vue使用elementUI的input组件时，添加：绑定时间无效解决方法可以使用v-on的修饰符.native
idomyway·2024-02-02 15:02

vue官方为什么要提供作用域插槽？有什么用处？

vue官方为什么要提供作用域插槽？有什么用处？插槽大家都了解，也都用过。目的就是为了更好的实现代码的复用，严格来说，在vue框架设计层面，他们考虑的就是，如何尽可能的减少程序员的工作量。
yrldjsbk·2024-02-02 15:31

Vue（二十）：ElementUI 扩展实现表格组件的拖拽行

用来优化表格的渲染{{JSON.stringify(tableData.map(d=>JSON.stringify(d)),null,4)}}import{nextTick,reactive,ref}from"vue
Prosper Lee·2024-02-02 15:00

Vue3源码解读之patch

例子位于源代码/packages/vue/examples/classic/目录下，下面是例子的代码：constapp=Vue.createAp
yyzzabc123·2024-02-02 15:24

vue 使用动态路由参数的 keep-alive 条件缓存与三级路由缓存解决

最近维护一个以前的vue项目，遇到个keep-alive的坑，特此记下。需求是需要使用keep-alive缓存，由于缓存的页面过多会导致页面卡顿，因此需要启用条件缓存。并且有三级路由存在，也需要缓存。
东扯葫芦西扯瓜·2024-02-02 15:21

Uncaught TypeError: Cannot read property 'resetFields' of undefined

参考链接：https://blog.csdn.net/bobobocai/article/details/91437656在用vue+elementUI开发后台系统的时候，登录和注册用了同一个弹出框。
菲儿_cdd4·2024-02-02 15:07
上一页 102 103 104 105 106 107 108 109 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他