![](https://img-blog.csdnimg.cn/20200411180308349.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
开发日常
记录日常遇到的问题
qq_41629522
这个作者很懒,什么都没留下…
展开
-
Vue 开发中的骚操作
优雅更新props在子组件中不允许直接修改 props,因为这种做法不符合单向数据流的原则,在开发模式下还会报出警告。因此大多数人会通过 $emit 触发自定义事件,在父组件中接收该事件的传值来更新 prop。 //child.vueexport defalut { props: { title: String }, methods: { changeTitle(){ this.$emit('change原创 2020-09-08 09:56:17 · 286 阅读 · 0 评论 -
VUE 自身页面跳转自身页面
先说一下要实现的功能: 点击原案件,要回到原案件,但是原案件页面和现在的页面一样,也就是自身跳转自身页面,路由地址不变。使用vue祖传的push()方法来挑转的话,你会发现可以跳转过去,但是页面会刷新。不会触发vue生命周期函数方法一:this.$router.replace({path: '/case-detail',query: {caseId: this.detailInfo.parentId}})this.caseFan() //添加页面初始化获取数据的方法原创 2020-08-14 15:40:58 · 3579 阅读 · 0 评论 -
微信小程序开发 <cover-image>标签无法绑定点击事件踩坑
在微信小程序开发中 使用camera标签调用系统相机拍照,使用cove-view 标签制作 拍照按钮 ,当按钮没有内容文本时候设置大小没有效果<template> <div class="page"> <camera device-position="back" flash="off" binderror="error"> </camera> <cover-view class="take"> <原创 2020-08-05 14:29:53 · 2228 阅读 · 0 评论 -
mpvue爬坑 p标签 不能使用v-show
当我们在div上 使用v-show 来展示与隐藏时是可以的。显示效果如图:当我们吧div标签换成p标签就不成功了显示效果:原创 2020-07-30 16:23:44 · 335 阅读 · 0 评论 -
Vue 视图与数据不统一问题
这里记录的是 vue视图与data中数据不一致的 问题希望可以帮到你,上代码。 做的是一个选择框在后端有数据的情况下复现的功能<Select size="large" style="margin-bottom:10px;" class="common-select-multiple" filterable v-model="joinPerson[0].userId"原创 2020-07-21 09:47:05 · 616 阅读 · 0 评论 -
Vue踩坑 methods中使用ES6箭头函数
今天本来想骚操作一番,在vue 的methods中使用ES6的箭头函数,没想到遇到了问题结果打印出来的是undefined. 想半天不知道为什么。后来才知道因为箭头函数改变了this的指向。正常的es5函数去写的话,里面的this指向的是,而箭头函数是没有自己的this的,他要向上下文去寻找,也就是在methods中去寻找,显然methods里面没有data,就是undefined,如果是普通的函数的话,那么this指向的是它的调用者,也就是这个vue实例化的对象,它的上面有data,methods原创 2020-07-10 14:29:00 · 1597 阅读 · 0 评论 -
vue的$parent属性
1.首先 一般默认的来说,我们带 $ 符号的我们基本默认是vue实例对象身上的也就是 vue中的 this,我们可以console一下this,这上面有很多的属性,我们比较常用的 有$refs , $attrs, tips: 我们绑定的时候应该是单数形式比如: $ref 获取时候应该是复数形式。2. $refs 让我们可以在父组件中进行操作子组件的数据以及方法。 $parents 让我们可以在子组件中对父组件的data和方法操作。...原创 2020-07-01 15:58:59 · 18172 阅读 · 0 评论 -
原生微信小程序 启用第二代的组件样式
今天使用原生来写微信小程序, 打算使用iview框架来写.可是我一番操作之后 ,发先官方的按钮文字上下不居中如图:找了很久没发现问题,然后打算使用vant 来做我的ui框架.看到vant 有说明原因原来是微信小程序官方启用了V2版本的组件样式.在app.json中.只要去掉就好.官方传送门:微信官方. 小声念叨一句iview文档更新慢了.vant 官方文档 iview官方文档...原创 2020-05-25 13:34:33 · 237 阅读 · 0 评论 -
element中的时间选择组件时间限制 (vue-property-decorator中)
原来的项目是vue-cli +vue-property-decorator 写的 运用了很多ts语法.遇到一个el-date-picker (elment-ui)中的时间选择的一个时间限制功能 看到很多js的写法,没有ts.百度了一下.记录一下.html部分 <el-date-picker v-model="value1" type="date" :picker-options="pickerOptions.原创 2020-05-21 14:59:14 · 365 阅读 · 0 评论 -
vue 的路由懒加载与组件懒加载
原本我们 到 router.js 里面是怎么写的import Vue from 'vue'import Router from 'vue-router'//***//引入组件import ddd from '@/components/ddd'Vue.use(Router);export default new Router({ routes: [ //...原创 2020-04-26 16:29:09 · 159 阅读 · 0 评论 -
vue-cli 使用富文本编辑器插件wangedito
今天在原有的代码上面加一个富文本,将原来的文本域textare替换。吐槽一下谁设计的。很明显是要富文本的呀。一开始怎么写的文本域。1. 先安装依赖npm i wangeditor -S2. 导入3.配置相关参数<template> <div id="wangeditor"> <div ref="editorElem" st...原创 2020-04-15 12:53:56 · 879 阅读 · 0 评论 -
vue-cli 中使用vue-json-excel.
接手上一位大佬的前端代码,在他封装的组件里面导出一个excel表格。由于不会操作他封装的表格组件,他是在element的基础上再封装了自己的一个组件(我只是一个前端小菜鸡)。然后加班重新搞。难受所有自己查阅资料 ,谢了一个导出excel。首先 ,当然是安装啦, npm i vue-json-excel -s 1第二步,导入可以全局导入使用 在main.js中 。下面代码...原创 2020-04-15 10:00:24 · 524 阅读 · 1 评论 -
vue管理后台 对接后端api接口遇到的问题
今天在对接后端接口是遇到一个这样子的问题,我发送的post请求,请求体内有一个type字段,我console出来有这个字段,但我去network里面却没有,求解答...原创 2020-04-11 10:22:09 · 1853 阅读 · 1 评论 -
element-ui 上传upload组件
我的filterImg方法只push了url一个属性,但是却生成了uid status两个属性,不知道是什么原因,可能是element自动为我们添加了。原创 2020-04-09 14:26:41 · 544 阅读 · 1 评论