vue
文章平均质量分 51
请告诉他
日日行,不怕千万里;常常做,不怕千万事。
展开
-
解决vue.esm.js:578 [Vue warn]: Invalid prop: type check failed for prop “value“. Expected String, Numb
解决 vue.esm.js:578 [Vue warn]: Invalid prop: type check failed for prop "value". Expected String, Number, got Undefined.原创 2023-10-21 11:36:02 · 797 阅读 · 0 评论 -
一个详细例子说明vue components 组件间调用方法,传值问题的示例
看下我们的具体情况以上是本次演示的关键文件其中有 cmsMaincmsNavBar在cmsNavBar这个vue中定义了一个顶部的搜索框此时需要搜索框输入文字时候点击搜索,在组件cmsMain这个组件中执行检索数据的函数,达到目的在vue项目中创建一个globalBus.js文件 放入如下代码具体位置 在有搜索框的组件中引入并且使用这么来用加入一个点击搜索的方法searchClickHTMLJS具体位置 代码中searchByKeywords是一个需要在实际执行的函原创 2022-09-05 17:06:04 · 1121 阅读 · 0 评论 -
antd3 vue3 springboot 上传文件 解决Required request part ‘file‘ is not present
以上代码会出现报错信息。原创 2022-08-14 09:48:53 · 1123 阅读 · 0 评论 -
vue / uniapp 小数点保留2位解决办法和异常处理vendor.js? [sm]:31 [Vue warn]: Error in render: “TypeError: Cannot read
一、上代码具体业务代码如下view class="price-box"> <text>支付金额</text> <text class="price">{{order.payableAmount|addZero }}</text> </view>filters: { addZero:function(data){ return data.toFixed(2) }},原创 2022-03-20 16:05:08 · 4930 阅读 · 2 评论 -
完美解决[Vue warn]: Invalid prop: type check failed for prop “value“. Expected Array, got String.
有时候,新手来说对于报错很害怕,每个人都是新手过来,如果不懂不问同事自己解决一般是到社区找帮助找答案,我习惯把问题都记录下来发到网上方便后面的人需要时候能帮你快速解决问题问题data值要的是list,后台得到的是字符串,渲染到页面上并不影响功能的实现,是因为data在赋值的时候虽然格式不对,但是得到的数据格式是正确的,所以不会影响页面功能像这种错误,多观察并动手,如上图的x位置有个下拉三角,此时我们点开下拉三角,滚动下去看到一般到这个地方,会有一个你的.vue...原创 2021-08-17 20:29:34 · 14303 阅读 · 1 评论 -
解决vender-base.66c6fc1c0b393478adf7.js:6 TypeError: Cannot read property ‘validate‘ of undefined问题
报错分析:JS部分这里的$refs的name其实是查看表单的绑定是将Form的ref改成在看看提交效果OK原创 2021-08-07 08:47:16 · 191 阅读 · 0 评论 -
一篇解决Element ui密码框眼睛图标明文密文,不允许中文输入以及输入的各种校验
先上效果,再上代码,后面有说明HTML <el-form-item label="新密码" prop="cpPassword" style="margin-left: 13px;"> <el-input v-model="supplierEx.cpPassword" :type="pwdType2" placeholder="请输入密码" @keyup.enter.native="login"> <i slot...原创 2021-01-29 17:16:31 · 3241 阅读 · 4 评论 -
记录一次ERROR in ./node_modules/css-loader?sourceMap!.报错处理
项目运行多年,win系统本地环境开发成熟,打包到linux也无问题,近日npm install 和npm run dev 后出现报错信息如下ERROR in ./node_modules/css-loader?sourceMap!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-ae1d291a","scoped":true,"hasInlineConfig":false}!./node_modules/sass-原创 2021-01-23 10:46:31 · 4657 阅读 · 5 评论 -
基于axios写了一个方便后台(java)系统用来接收表单数据的小程序
先讲实现原理:页面表单通过post提交至后台,让后台能通过对象一次性接收多个数据axios问题:有人曾axios直接提交后台无法获得表单数据,需要手动实例(axios.create)才能接收 ,此案例可避免这种尴尬具体思路:编写一个function参数需要提供后台接口路劲+后台接收表单数据对象名+表单参数,然后用js再次转化为符合后台能接收的formData,达到需求目的一、上代码/** * Created by lijinquan on 2018/11/13. */funct原创 2021-01-20 15:28:19 · 427 阅读 · 0 评论 -
element ui表格中如何在行内加入对该行记录的操作(删除/编辑/查看)
一、先上效果其实难点是如何拿到该行记录我们需要的唯一属性,简单的jq容易通过遍历可得,但是用了Element ui就要根据官网规则使用二、好,找到官网的使用说明:https://element.eleme.cn/#/zh-CN/component/table三、找到需求所对应的案例四、具体的代码片段 :页面代码js代码五、根据以上官网所得信息,我们开始编写自己需求页面,以删除为例,其他操作更简单首先页面编写如下<e...原创 2021-01-20 14:24:16 · 1095 阅读 · 1 评论 -
element ui时间格式时间戳根据时间格式显示
问题:页面通过后端获得的时间戳页面代码:<el-table-column prop="sadTradedate" label="费用产生日期" width="156"></el-table-column>显示效果解决:页面代码的日期行里面加入 formatter="dateFormat"既:<el-table-column prop="sadTradedate" :formatter="dateFormat" label="费用产生日期" width...原创 2021-01-14 16:27:14 · 1550 阅读 · 0 评论 -
Injection “elForm“ not found
使用element ui的控件报错如下报错误代码:修正后:<el-form> <el-form-item label="Asn Time:"> <el-date-picker v-model="roCondition.startCreatedate" type="daterange" range-separator="To" ...原创 2021-01-14 09:31:17 · 5142 阅读 · 5 评论 -
iview-admin关于打包的输出路劲问题
在打包之前,需要对配置文件进行配置,以此决定index.html文件放在打包目录的具体位置,还有页面api请求的路径问题且看下图在webpack.base.config.js中,有一段output: { path: path.resolve(__dirname, '../dist/dist')},这个是打包输出到哪个目录下,基于以上,还要再webpack.prod.config.js中,配置new HtmlWebpackPlugin({ title: .原创 2020-12-23 19:57:17 · 421 阅读 · 0 评论 -
处理vue elementui图片回显编辑/修改/删除
需求elementui提供啦美观的控件支持页面快速开发,这里结合jq来实现控件图片上传后的回显问题,回显还能进行编辑,效果如下代码:html中加入:file-list="fileList"在created中加入后台请求的操作,我这里我是后台渲染好的数据,直接从页面抽取出来,目的是获取后台返回的图片地址,然后对地址进行改造,如下<el-upload action="#" list-type="picture-card" ...原创 2020-12-21 17:32:52 · 8376 阅读 · 4 评论 -
npm ERR! Failed at the node-sass@4.13.0 postinstall script.
问题原因:node-sass 的数据源没设置,或者源在国外下载速度慢导致下载失败解决办法:设置为国内可用的,如下淘宝的源npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass再次执行npm install ,且看以下结果...原创 2020-12-15 09:17:27 · 2483 阅读 · 0 评论 -
看完这篇能解决一些关于element ui table控件的使用常见问题,如table中自定义a标签,列中加入复选框或者序号列,时间控件的格式问题等
在script中加入var app = new Vue({ el: '#app', data: function () { return { itemList:[],}},created: function() { //初始化你的table数据 this.itemList=你的list数据},methods: {submitForm: function (formName) { //},resetForm...原创 2020-11-17 16:10:29 · 803 阅读 · 1 评论 -
内网穿透,解决vue项目中的“Invalid Host header”
在webpack.dev.config.js,加入devServer: { disableHostCheck: true},具体如下图结果就能通过内网穿透了,访问结果原创 2020-11-14 11:37:04 · 3620 阅读 · 0 评论 -
uniapp开发父组件调用子组件方法报错“this.$refs.xxxx“,检查是否组件用了v-if,如果是改为v-show试试
在父类组件中<template> <view> <MemberLogged ref="isLogged" @toLogIn="gotoLogging" v-if="proposItem.active===1"></MemberLogged> </view></template>字类组件中有methods: { showLogged: f...原创 2020-11-08 00:27:50 · 1918 阅读 · 2 评论 -
无奈,记录一次成功完成vue element ui upload上传文件结合struts2的骚操作,完美解决后台无法获得上传文件的问题
首先在这里不建议大家做这样的奇葩操作如果你们有老系统必须要做这样的改造,那是无奈之举先看代码,这些代码是我直接从我完成的项目中提取出来的可以直接使用,不过element ui这个空间布局我稍微做了css修改,这里就不贴出css了,这些代码之后会有完整解释,我会把我这次经历一一解释清楚如何一步一步填坑<el-upload class="img-upload" ref="upload" name="itemfile" a原创 2020-10-30 11:27:28 · 922 阅读 · 0 评论