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