随笔分类 -  Vue 合集 / Vue2

摘要:自定义样式使用第二种方式 第一种:wx.enableAlertBeforeUnload 在开发者工具中预览效果 微信小程序官网:点我 onShow(() => { wx.enableAlertBeforeUnload({ message: "返回上页时弹出对话框", success: functio 阅读全文
posted @ 2024-07-15 11:03 DL·Coder 阅读(1001) 评论(0) 推荐(0) 编辑
摘要:vue3 纯SCSS 实现环形进度条 <template> <view class="flex align-center diygw-col-24 justify-center"> <view class="progress-circle" :class="`progress-${innerPerc 阅读全文
posted @ 2024-07-02 10:22 DL·Coder 阅读(239) 评论(0) 推荐(0) 编辑
摘要:<template> <div class="turntable" v-wechat-title="$route.meta.title"> <!-- 转盘包裹 --> <div class="rotate"> <!-- 转盘图片 --> <image class="dish" src="../../ 阅读全文
posted @ 2024-01-29 16:58 DL·Coder 阅读(121) 评论(0) 推荐(0) 编辑
摘要:<template> <view class="marquee"> <view class="marquee-inner"> <span v-for="(item, index) of textList" :key="index">{{ item.text }}</span> <!-- 复制一份内容 阅读全文
posted @ 2024-01-29 16:56 DL·Coder 阅读(64) 评论(0) 推荐(0) 编辑
摘要:> 可以使用插件,也可以使用源码 注意*:插件下面的第一个标签必须是 el-table 转载的是别人的文章,看底部,文章传送门,实测好用 ## 源码 ```js ``` ## 使用 ```js virtualList = renderData"> ... import VirtualScroll f 阅读全文
posted @ 2023-07-10 09:58 DL·Coder 阅读(1008) 评论(0) 推荐(1) 编辑
摘要:## template 代码 ```js ``` ## data 下拉数据: ```js batchList: { list: [], total: 0, pageNo: 1, pageSize: 100 }, ``` ## methods 方法: ```js import { uniqBy } f 阅读全文
posted @ 2023-07-05 11:10 DL·Coder 阅读(53) 评论(0) 推荐(0) 编辑
摘要:## 代码 ```js methods: { // 获取行数 getRow(val) { let row = 0 val.split('\n').forEach(item => { if (item.length 0) { row += 1 //如果一行只有回车符就是行数增加一行 } else { 阅读全文
posted @ 2023-06-26 09:55 DL·Coder 阅读(560) 评论(0) 推荐(0) 编辑
摘要:效果图 搜索前: 搜索后: 使用 安装插件 pinyin-match: npm install pinyin-match --save 下拉: <el-select v-model="form.robot" placeholder="机器人" @change="robotSearch" filter 阅读全文
posted @ 2023-05-04 17:14 DL·Coder 阅读(1064) 评论(0) 推荐(0) 编辑
摘要:第一种,JS 1、判断dom this.$refs.squareRef.addEventListener('wheel', this.addScrolbarFn, false) addScrolbarFn(event) { event.stopPropagation() const dom = th 阅读全文
posted @ 2023-04-26 15:54 DL·Coder 阅读(191) 评论(0) 推荐(0) 编辑
摘要:效果 排序三角组件 <template> <div class="order"> <div class="order-text" @click="textBtnFn"> <slot></slot> </div> <div class="order-icon" @click="nabFn"> <div 阅读全文
posted @ 2023-04-26 09:57 DL·Coder 阅读(20) 评论(0) 推荐(0) 编辑
摘要:一、js 判断 根据浏览器ua判断当前是否为移动设备: middleware中间件执行流程顺序: 1、nuxt.config.js 2、匹配布局 3、匹配页面 项目根目录下新建 middleware 文件夹,新建 midd.js 文件 export default function ({ isSer 阅读全文
posted @ 2023-03-20 10:25 DL·Coder 阅读(1249) 评论(0) 推荐(0) 编辑
摘要:1.手动切换 export const BASE_URL = 'http://codercba.com:9002' // export const BASE_URL = 'http://codercba.prod:9002' export const TIME_OUT = 10000 2.依赖当前环 阅读全文
posted @ 2023-02-01 21:45 DL·Coder 阅读(240) 评论(0) 推荐(0) 编辑
摘要:页面内使用 vue2 使用 npm install video.js@6.13.0 // 外层div <div class="video-class" v-if="isShowVideoDialog"> <!-- <video width="100%" height="100%" controls 阅读全文
posted @ 2022-10-27 18:03 DL·Coder 阅读(2342) 评论(0) 推荐(0) 编辑
摘要:1、gutter失效 不要再el-row下面的el-col上面加class****名 阅读全文
posted @ 2022-10-12 11:19 DL·Coder 阅读(18) 评论(0) 推荐(0) 编辑
摘要:引入 ElementUI ,单独引入文件的都能使用 import ElementUI from 'element-ui'; Element.MessageBox.confirm('是否要跳转段落?', '提示', { confirmButtonText: '是', cancelButtonText: 阅读全文
posted @ 2022-09-28 19:58 DL·Coder 阅读(382) 评论(0) 推荐(0) 编辑
摘要:传送门:https://blog.csdn.net/weixin_43575792/article/details/123224908 阅读全文
posted @ 2022-08-30 14:30 DL·Coder 阅读(15) 评论(0) 推荐(0) 编辑
摘要:<div @mousedown.self="handleMouseDown($event)"> /* 鼠标按下方法 */ handleMouseDown(event) { if(event.ctrlKey && event.which 1) { // ctrl + 鼠标左键组合键触发 } else 阅读全文
posted @ 2022-08-30 11:27 DL·Coder 阅读(529) 评论(0) 推荐(0) 编辑
摘要:问题: 点击多次相同的路由报错 解决方法一: 全局处理,只需要加一次 在引入 vue-router 的地方加上以下代码,统一处理错误 import Router from 'vue-router' const originalPush = Router.prototype.push // 重写原型上 阅读全文
posted @ 2022-08-09 15:31 DL·Coder 阅读(347) 评论(0) 推荐(0) 编辑
摘要:vue2 Object.defineProperty() Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。 每次劫持数据,都会层层遍历,影响性能,数组劫持数据,能劫持到push、pop、shift、unshift、等数组 阅读全文
posted @ 2022-08-03 16:13 DL·Coder 阅读(176) 评论(0) 推荐(0) 编辑
摘要:template <el-pagination :current-page="pagerList.currentPage" :page-size="pagerList.pageSize" :total="pagerList.total" :page-sizes="[10, 20, 50, 100]" 阅读全文
posted @ 2022-08-03 09:27 DL·Coder 阅读(33) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示