开发Vue+nodejs+element-UI遇到的一些问题

1.vue,element-ui 表单验证出错,value.getTime is not a function
<DatePicker type="date" placeholder="选择日期" :value="item.value"></DatePicker>,这里用的是:value,对应类型是string;如果用的是v-model,对应类型是date。而我的验证规则是:rules='[{"message": "不能为空","required": 1},{"pattern": null,"type": "string","message": null}]',所以根据type类型写value/v-model,完美通过验证!
2.http://blog.csdn.net/u013055678/article/details/78550526?locationNum=8&fps=1
http://doc.huangsw.com/vue-easytable/app.html#/table/horizontalResize
http://element-cn.eleme.io/#/zh-CN/component/message
3.element UI 中DateTimePicker 回传时间选择(什么getHours()不是函数什么的)
解决:时间字符串放new Date()里就行了,把生成的日期对象和input绑定就可以友好地进行时间选择了
4.npm ERR! code EINTEGRITY(问题和解决:npm 版本问题,可以使用cnpm更新npm)
5.vue使用element-ui的el-input监听不了回车事件解决
(问题原因:vue使用element-ui的el-input监听不了回车事件,原因应该是element-ui自身封装了一层input标签之后,把原来的事件隐藏了,所以如下代码运行是无响应的:
<el-input v-model="form.loginName" placeholder="账号" @keyup.enter="doLogin"></el-input>)
(解决办法》》在事件后面加上.native:
<el-input v-model="form.loginName" placeholder="账号" @keyup.enter.native="doLogin"></el-input>

6.ie浏览器不兼容URLSearchParams(直接定义params)
7:new data()ie兼容性{new Date(Date.parse(this.rowData.BornDate.replace(/-/g, "/")))}
8:报错(component lists rendered with v-for should have explicit keys.)
原因(解决vue组件中使用v-for出现告警问题及v for指令介绍)
解决(http://www.jb51.net/article/128004.htm)
<flexbox v-if="roleShow" style="padding:15px; box-sizing: border-box;">
<flexbox-item v-for="(role,index) in roles " :key="index" >
<x-button mini :type="role.type" style="padding: 0 14px" @click.native="btnClick(role.action)">{{role.value}}</x-button>
</flexbox-item>
</flexbox>
9.滚动条样式https://garveyzuo.github.io/easyscroll.github.io/#/(好像不好用,具体是ie不兼容问题)
10.v-if绑定的元素为什么事件没有响应,解决(使用v-if绑定的事件需要使用另外一种方式来绑定click事件:v-on指令,通过v-on:click=“xx函数”来实现)
11.在IE11中的vue2.0出现空白》》问题:Babel 默认只转换新的 JavaScript 句法(syntax),
而不转换新的 API ,比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象,
以及一些定义在全局对象上的方法(比如 Object.assign)都不会转码。
为了解决这个问题,我们使用一种叫做 Polyfill(代码填充,也可译作兼容性补丁) 的技术。
解决办法:
主要有俩个地方引起错误:vuex和axios
下载babel-polyfill和es6-promise
在入口文件App.vue引入import 'babel-polyfill'
给每个使用axios的地方加上 require('es6-promise').polyfill();
npm install --save-dev babel-polyfill
在webpack.base.conf.js.中
module.exports = {
entry: {
app: ["babel-polyfill", "./src/main.js"]
},

12、vue-cli项目webpack打包后iconfont文件路径问题解决
https://blog.csdn.net/kong_21/article/details/80912911

13、这是我的总结的一些问题

猜你喜欢

转载自blog.csdn.net/qq_36022290/article/details/84188353