正常情况下如果需要使用文本超出隐藏,通过 css 就可以完成 overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 但是如果需要实现多行文本溢出,就很难实现里,谷歌浏览器虽然支持 css 多行溢出,大部分浏览器又不支持,所以作 ...
title: Nuxt.js 应用中的 webpack:progress 事件钩子 date: 2024/11/27 updated: 2024/11/27 author: cmdragon excerpt: webpack:progress 钩子用于监听 Webpack 在构建过程中的进度更新。这 ...
在使用 vxe-grid 时,需要实现表尾合计功能,通过单元格编辑之后,实时自动计算表尾合计的值,自动更新表尾合计数据,实现方式通过监听change 事件,从而实现实时更新合计功能。 官网:https://vxetable.cn 可以使用插槽模板,也可以使用配置式,下面是配置式的用法: <templ ...
写在开头 点赞 + 收藏 学会 不翻墙也能使用的地图还有Mapbox 安装 npm install --save axios npm install --save mapbox-gl npm install --save @mapbox/mapbox-gl-direction ...
title: Nuxt.js 应用中的 webpack:done 事件钩子 date: 2024/11/26 updated: 2024/11/26 author: cmdragon excerpt: webpack:done 钩子用于处理 Webpack 编译完成后的逻辑。在 Webpack 编译 ...
前言 watch这个API大家都很熟悉,今天这篇文章欧阳来带你搞清楚Vue3的watch是如何实现对响应式数据进行监听的。注:本文使用的Vue版本为3.5.13。 关注公众号:【前端欧阳】,给自己一个进阶vue的机会 看个demo 我们来看个简单的demo,代码如下: <template> <but ...
title: Nuxt.js 应用中的 webpack:error 事件钩子 date: 2024/11/25 updated: 2024/11/25 author: cmdragon excerpt: webpack:error 钩子是用于在 Webpack 编译过程中捕获和处理错误的一个重要机制 ...
vxe-modal 实现窗口拖拽调整宽高 官网:https://vxeui.com <template> <div> <vxe-button content="点击弹出" @click="showPopup = true"></vxe-button> <vxe-modal v-model="show ...
vxe-modal 实现窗口最大化与最小化 官网:https://vxeui.com <template> <div> <vxe-button content="点击弹出" @click="openEvent"></vxe-button> </div> </template> <script> im ...
官网:https://vxeui.com <template> <div> <vxe-form v-bind="formOptions" @submit="submitEvent" @reset="resetEvent"> </vxe-form> </div> </template> <script ...
官网:https://vxeui.com <template> <div> <vxe-form v-bind="formOptions" @submit="submitEvent"> </vxe-form> </div> </template> <script> import { VxeUI } f ...
官网:https://vxeui.com <template> <div> <vxe-form v-bind="formOptions"></vxe-form> </div> </template> <script> export default { data () { const formOpti ...
vxe-table 是一个全功能 vue 表格库,非常强大的功能基本可以满足对表格对表格的一切需求。不管是普通列表,大数据列表。可编辑表格,数据校验、Excel 单元格选择、复制粘贴等。。。 官网:https://vxetable.cn gitee 安装 npm install vxe-pc-ui@ ...
vxe-table 内置非常强大 H5 打印,只需要传入 html 代码和 css 样式,就可以实现任何复杂的打印 官网:https://vxeui.com <template> <div> <vxe-button @click="printEvent">点击打印</vxe-button> <div ...
title: Nuxt.js 应用中的 webpack:change 事件钩子 date: 2024/11/24 updated: 2024/11/24 author: cmdragon excerpt: 通过webpack:change钩子,开发者可以知道哪些文件被修改,并可以进行适当的处理,比如 ...
官网:https://vxeui.com/ <template> <div> <vxe-table border header-align="center" align="left" :data="tableData"> <vxe-column type="seq" width="70"></vxe ...
title: Nuxt.js 应用中的 webpack:compiled 事件钩子 date: 2024/11/23 updated: 2024/11/23 author: cmdragon excerpt: webpack:compiled 钩子是在 Webpack 完成编译后调用的一个重要钩子。 ...
uView UI是一个轻量级、高效的多端UI框架,专为UniApp开发设计。它支持Vue语法,提供丰富的组件和灵活的API,帮助开发者快速构建小程序、H5等多端应用。uView UI以其简洁、易用的特点,极大提高了开发效率,降低维护成本。适用于电商、社交、企业服务等多个场景。 ...
写在开头 点赞 + 收藏 学会 Axios.CancelToken axios对象有一个属性叫CancelToken,该属性提供了中断已经发出去的请求的方式。具体使用方式有两种: 方式一:执行器模式 <script src="https://cdn.jsdelivr.net/ ...
专门在 Vue 中实现集中式状态(数据)管理的一个 Vue 插件,对 vue 应 用中多个组件的共享状态进行集中式的管理(读/写),也是一种组件间通信的方式,且适用于任意组件间通信 应用场景: 多个组件依赖于同一状态、共享数据 来自不同组件的行为需要变更同一状态 vuex vuex原理 每一个 Vu ...