![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
QQmm~~
这个作者很懒,什么都没留下…
展开
-
自定义组件v-model的用法
使用自定义组件v-model时,碰到这个报错:[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being mutated搞了半天终于明白怎么用了,郁闷!以下才是正确的:原创 2022-01-04 21:42:59 · 409 阅读 · 0 评论 -
uniapp中使用Vant Weapp
在根目录下创建一个文件夹 格式如下wxcomponents/vant前往https://github.com/youzan/vant-weapp下载压缩文件,将该项目的dist文件夹放入wxcomponents/vantApp.vue的style中引入样式@import "/wxcomponents/vant/dist/common/index.wxss";在pages.json中引入相应的组件//全局方式"globalStyle": { "usingComponents": {.原创 2021-04-09 13:27:41 · 431 阅读 · 1 评论 -
Vue Cli中使用Mock.js
安装Mock.jscnpm i mockjs -S在src下新建mock/index.jsmock/index.jsimport Mock from 'mockjs';Mock.setup({ timeout: 2000 //2000为自钉子模拟延迟时间,可更改 //timeout: '200-2000', //横杠 '-' 风格的字符串,表示响应时间介于 200 和 2000 毫秒之间。});//第一个参数为需要模拟的API接口地址,第二个参数为模拟返回的数据结果对象原创 2021-01-19 13:30:38 · 135 阅读 · 0 评论 -
Vue之在methods中使用filter的方法
全局定义filter后,js代码里面这样写即可调用:this.$options.filters['filterName'](value)原创 2020-04-15 18:13:29 · 191 阅读 · 0 评论 -
Vue 2.x 学习笔记(Vue-cli)
cnpm i -g @vue/cli原创 2021-01-05 11:41:54 · 87 阅读 · 0 评论 -
Element-ui输入框自动查询实现
<template> <el-autocomplete v-model="input" :fetch-suggestions="querySearch" placeholder="请输入内容" :trigger-on-focus="false" prefix-icon="el-icon-search" @select="handleSelect" ><原创 2020-12-04 17:06:24 · 1025 阅读 · 0 评论 -
Element-ui的Upload组件设置缩略图模版无法删除问题解决方法
1.在el-upload的元素加上:ref="upload"2.在删除方法里面这样写:handleRemove(file) { let fileList = this.$refs.upload.uploadFiles; let index = fileList.findIndex( fileItem => {return fileItem.uid === file.uid}); fileList.splice(index, 1);},即可解决!...原创 2020-12-10 14:25:56 · 1926 阅读 · 7 评论 -
Element-ui的Upload组件自定义进度条样式修改
<template> <div> <el-upload multiple :limit="3" list-type="picture-card" :on-progress="handleProgerss" :action="uploadUrl"> <i slot原创 2020-12-10 18:53:47 · 3506 阅读 · 2 评论 -
Vue文件style加了scoped后样式无效
只要加上 ::v-deep 即可解决:<style lang="scss" scoped> /* ::v-deep加上样式前面 */ ::v-deep .el-transfer { display: flex; align-items: center; .el-transfer-panel { width: calc((100% - 200px) / 2); } .el-trans原创 2020-12-14 12:25:44 · 774 阅读 · 1 评论 -
Vue2.0组件属性更新,父组件同步更新
组件调用时使用修饰符.sync:<hello-world :msg.sync="msg"></hello-world>子组件内部更新事件如下:updateMsg() { this.$emit('update:msg', 'Hei you');}原创 2020-12-21 11:58:16 · 307 阅读 · 0 评论 -
Elment-ui有些组件选中后出现黑框
Elment-ui有些组件选中后出现黑框,例如:el-drawer、el-calendar等。解决方法就是在出现黑框的标签样式里覆盖以下样式:::v-deep 样式名:focus { outline: none;}原创 2021-01-01 17:57:50 · 2760 阅读 · 0 评论 -
Element UI兼容IE10/11
安装babel-polyfillnpm install -D babel-polyfill在入口文件(main.js)添加import 'babel-polyfill'执行命令npm run dev//或npm run build原创 2021-01-01 16:29:34 · 1112 阅读 · 0 评论