![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
maliu_
大帅B
展开
-
vue状态卡片组件
【代码】vue状态卡片组件。原创 2023-02-01 11:40:15 · 379 阅读 · 0 评论 -
vue橱窗横向滚动组件
【代码】vue橱窗横向滚动组件。原创 2023-02-01 11:35:10 · 415 阅读 · 0 评论 -
关于el-row的样式排版
【代码】关于el-row的样式排版。原创 2023-01-31 15:35:45 · 721 阅读 · 0 评论 -
长内容生成pdf & 防止内容pdf分页隔断
【代码】长内容生成pdf & 防止内容pdf分页隔断。原创 2023-01-12 17:26:16 · 661 阅读 · 1 评论 -
对CancelToken的封装(上一篇文章)
使用:在axios.js中引入该文件3个方法,在axios头部引入并执行。函数,在请求拦截执行。函数,在响应拦截执行。原创 2022-12-13 15:47:34 · 133 阅读 · 0 评论 -
分页请求时避免二次请求
【代码】分页请求时避免二次请求。原创 2022-12-02 18:01:34 · 87 阅读 · 0 评论 -
el-row的gutter注意事项
注意gutter会使el-row的容器宽度增加20px,在全屏宽度时候可能会导致出现横向滚动条。可在el-row父元素设置。原创 2022-12-01 17:29:04 · 2422 阅读 · 0 评论 -
el-table占满整个页面
【代码】el-table占满整个页面。原创 2022-12-01 17:25:45 · 1309 阅读 · 0 评论 -
Vue结合萤石ezuikit-js实现实时监控视频
EZUIKit实时监控原创 2022-09-20 10:39:05 · 1220 阅读 · 0 评论 -
基于vue项目右键面板的封装
右键事件面板原创 2022-08-15 22:54:08 · 448 阅读 · 0 评论 -
el-table双击编辑功能实现
el-table双击编辑功能实现。原创 2022-08-09 10:58:09 · 3792 阅读 · 0 评论 -
vue中keep-alive组件使用方式
vue中keep-alive使用转载 2022-05-16 16:22:26 · 62 阅读 · 0 评论 -
el-image显示不出来本地图片的问题
使用el-image引入图片,会出现“FAILED” 的情况,把正常img标签中的src="@/assets/logo.png"换成:src="require(‘@/assets/logo.png’)"就可以了。或者data中的数据为require也可以原创 2022-05-04 09:03:34 · 977 阅读 · 0 评论 -
Object.freeze()的作用
在看VUE官方文档讲到data的时候有提到这样一句话:这里唯一的例外是使用 Object.freeze(),这会阻止修改现有的 property,也意味着响应系统无法再追踪变化所以记录一下Object.freeze()的作用.Object.freeze()方法可以冻结一个对象一个被冻结的对象再也不能被修改不能添加新属性不能删除已有属性不能修改已有属性的可枚举性、可配置性、可写性不能修改已有属性的值不能修改原型总的来说跟const声明一个常量差不多,但是我们使用const声明一个对原创 2022-03-29 16:33:37 · 2857 阅读 · 2 评论 -
VUE 自定义v-model
子组件<input :value="value" @input="$emit('valueChange',$event.target.value)" />export default { name:'sonComponent', model:{ prop:"value", event:"valueChange" // 自行定义事件 }, props:["value"]}父组件<son-component v-model="任意值"></son-co原创 2021-12-28 11:25:12 · 389 阅读 · 0 评论 -
VUE修饰符
事件修饰符.stop 阻止事件冒泡.prevent 阻止默认事件.capture 事件捕获模式,即元素自身触发的事件先在此处处理,然后才交由内部元素进行处理.self 只在自身触发.once 只触发一次.passive 告诉浏览器不阻止默认事件,表示处理事件函数中不会调用preventDefault函数v-model修饰符.lazy 不会马上同步v-model绑定的值,等到change事件结束后才同步.number 自动将用户的输入值转化为数值类型,有数字才会自动转,且必须以数字或负原创 2021-12-28 10:38:09 · 221 阅读 · 0 评论 -
vue绑定class和style的用法
1、class绑定用法一::class可以与class同时使用<div class="static" :class="{'nav':flag}"></div>用法二:<div :class="classObject"></div>或者如果不想写死Bool的值,可以定义在computed中<div :class="classObject1"></div>用法三:数组的写法可以使用三目表达式<div :clas原创 2021-12-27 17:13:50 · 473 阅读 · 0 评论 -
VUE常见面试题
**1.v-show和v-if的区别**v-show:使用display:none的方法将DOM元素进行隐藏,会渲染在DOM树上v-if:不会渲染在DOM树上总结:若频繁的切换某节点时,使用v-show。2.为何要在v-for中使用keykey值主要是提高虚拟DOM的效率往数组添加数据时,只要新渲染这一条数据就可以了,其他都是就复用之前的了。新增数据时,防止数据错乱,可见v-for为什么要使用key3.描述VUE组件生命周期(有父子组件)beforeCreate -> c原创 2021-12-22 10:43:30 · 152 阅读 · 0 评论 -
VUE图片懒加载-vue lazyload插件的简单使用
简单使用其它配置信息转载 2021-10-24 17:43:53 · 69 阅读 · 0 评论 -
子组件与父组件之间的数据通信 .sync
父组件Father.vue中传递数据给子组件<Son :sonData="fatherData"><!-- 这个是子组件 --></Son>data(){ return{ fatherData:"111" }}子组件Son.vue中接收父组件传递的数据export default{ props:{ sonData:{ type:String, default:"" } }, methods:{ changeData(原创 2021-09-29 11:57:10 · 65 阅读 · 0 评论 -
avue项目无法使用vue devtools调试
解决方案:在main.js下加入以下代码:// 在生产环境启动调试工具const isProd = process.env.NODE_ENV === "production";if (!isProd) { Vue.config.devtools = true;}之后重新启动项目即可原创 2021-09-28 16:30:50 · 263 阅读 · 0 评论