随笔分类 - Vue 合集
摘要：一、js 判断 根据浏览器ua判断当前是否为移动设备： middleware中间件执行流程顺序： 1、nuxt.config.js 2、匹配布局 3、匹配页面 项目根目录下新建 middleware 文件夹，新建 midd.js 文件 export default function ({ isSer
阅读全文
摘要：一、 使用 middleware 判断（推荐） 根据浏览器ua判断当前是否为移动设备： middleware中间件执行流程顺序： 1、nuxt.config.js 2、匹配布局 3、匹配页面 项目根目录下新建 middleware 文件夹，新建 midd.js 文件 export default f
阅读全文
摘要：1.手动切换 export const BASE_URL = 'http://codercba.com:9002' // export const BASE_URL = 'http://codercba.prod:9002' export const TIME_OUT = 10000 2.依赖当前环
阅读全文
摘要：Teleport 在组件外包裹一层，可以把组件放置在dom想要渲染的位置上； to：想要放置dom位置的父亲元素上的ID、class、html标签；disabled 值为 true，to 属性生效，反之，不生效； 以下代码，HelloWorldVue 组件为 ID 为 app 的子元素 <div c
阅读全文
摘要：**Reflect.get()**方法与从 对象 (target[propertyKey]) 中读取属性类似，但它是通过一个函数执行来操作的。 export const reactive = <T extends object>(target: T) => { return new Proxy(ta
阅读全文
摘要：ref 把对象转化为响应式的； shallowRef是浅层响应式数据，即：只有对value整体修改，才能更新到视图层。而修改具体属性值时，不会更新视图。（shallowReactive和shallowRef一样的效果）； shallowRef() 存在的意义：将最终的结果输出到视图，节省一些不必要的
阅读全文
摘要：页面内使用 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]"
阅读全文
摘要：使用：v-if 在 v-for 外层，给 v-for 多包一层 v-for 优先级高于 v-if 第一种方式： <ul v-if="true"> <li v-for="item in Users" :key="user.id" > {{ user.name }} </li> </ul> 第二种：使用
阅读全文
摘要：方式一： main.js 设置全局变量 import api from '@/api' app.config.globalProperties.$api = api 使用全局变量，使用 getCurrentInstance 方法。 // ctx.$api 就是全局设置的变量 const { prox
阅读全文
摘要：App.vue 直接拷贝 <template> <el-config-provider :locale="locale"> <router-view /> </el-config-provider> </template> <script > import { ElConfigProvider }
阅读全文
浙公网安备 33010602011771号