不定期更新......
1: 使用 $set 动态向 data 对象添加属性
this.$set(this.newObj,'newKey',newVal);
2:iview 的 select,radio,chekbox 等组件的 on-change 事件有个默认的 event 属性, 可以帮助做更多的操作
- @on-change="myFun($event)";
- myFun: function(event){
- console.log(event);
- }
3:vue-router 使用 history 模式, 编译发布后会出现刷新后 404.
解决方式是不同的服务器环境需要不同的解决方式(Nginx,Apache,nodejs 等)
以下官方解决方案本人尝试后无效......
vue-router 官方解决方案: https://router.vuejs.org/zh/guide/essentials/history-mode.html# 后端配置例子 https://router.vuejs.org/zh/guide/essentials/history-mode.html#后端配置例子
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
</IfModule>
4: iview 使用了 countUp 插件来做数据自增动画效果, 很好用
5: 子组件父组件的相互通信
[子组件 A] 利用 $emit 向全局广播自定义事件并传递参数
[父组件] 用 @监控该自定义事件, 并接受传参.
[子组件 B] 再利用 props 对象接受父组件传参, 并用 watch 监听, 实时修改视图
6:webpack 配置相对路径, 修改 config 下的 index.js
- build.assetsPublicPath: './'
- ( https://blog.csdn.net/wxl1555/article/details/81105204 )
该文件还可以配置预览时 (dev) 的主机, 端口, 路径等.
主机配置成内网 ip 时, 局网内也可以访问.
7:iview 设置网页标题方式也是使用 router.beforeEach 方法
- router.beforeEach((to, from, next) => {
- let title = to.meta.title; // 记得配置 router 的 meta.title
- let iTitle = "共同标题";
- if(title) {
- iTitle = title + '-' + iTitle;
- }
- window.document.title = iTitle;
- next();
- })
来源: http://www.qdfuns.com/article/18483/df2263fd2a75e83a6a7cb4f33808e9c7.html