Vue 填坑系列(持续更新...)

1.遇到页面显示不更新，数据已更新情况

vue-cli中：

　　this.$nextTick(function () {

　　　this.x=x;

　　})

以js引入vue的网页中：

　　this.$set(this.data, index, {
　　nodeId: id,

　　 . . .
　　});

2.在vue 1.x系列中dialog嵌套dilog 出现遮罩混乱现象：

我采用组件通信的方式解决，dilog中的点击事件触发最底层组件弹出新的dilog

3.vue1.x 系列中tree组件

renderContent(h, { node, data, store }) {
return (
　　<span>
　　<span>
　　<span>{node.label}</span>
　　</span>
　　<span style="float: right; margin-right: 20px">
　　<el-button size="mini" on-click={ () => this.append(store, data) }>Append</el-button>
　　<el-button size="mini" on-click={ () => this.remove(store, data) }>Delete</el-button>
　　</span>
　　</span>

　　);
}

无法使用报错:

修改为：

zrenderContent(createElement, { node, data, store }) {

　　let self=this;

　　return createElement('span', [
　　　　createElement('span', node.label),
　　　　createElement('span', {attrs:{ style:"float: right; margin-right: 20px"
　　}},[
　　createElement('el-button',{attrs:{
　　size:"mini"
　　},on:{
　　click:function() {
　　　　　console.info("点击了节点" + data.id + "的添加按钮");
　　　　　store.append({ id:"", label: 'testtest', children: [] }, data);
　　}
　　}},"添加小类信息"),
　　createElement('el-button',{attrs:{
　　size:"mini"
　　},on:{
　　click:function() {
　　　　console.info("点击了节点" + data.id + "的添加按钮");
　　　　store.append({ id:"", label: 'testtest', children: [] }, data);
　　}
　　}},"修改"),
　　createElement('el-button',{attrs:{
　　size:"mini"
　　},on:{
　　click:function() {
　　　　self.deleteRow(data.id);
　　}
　　}},"删除"),
　　]),
　　]);
　}

4.打包项目，直接打开Index.html出错，空白页面

　　修改config-index.js-build-assetsPublicPath ‘/ ’为 ‘ ’

5.npm引入node-sass，需要安装python2的报错：

采用 cnpm install node-sass --save-dev 可以解决！

6.element-ui Carousel 重新赋值数组全部都 display：none

https://github.com/ElemeFE/element/issues/3161,setTimeout解决

setTimeout(() => { this.$refs.imgcarousel.resetItemPosition(); },100)

7.element-ui Popover弹出框：Cannot read property '$refs' of undefined

解决：1. ref="popover" 里面不允许大写要和 v-popover:popover 保持一致

2.el-popover 标签放在v-popover:popover 标签之前

Vue 填坑系列(持续更新...)的更多相关文章

angularcli填坑系列(持续更新...)
1.在xx.ts中引入css样式无效 @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls ...
vue2.0填坑有感(持续更新ing)
1.请求数据用本地json数据进行mock的时候,一般放在created 过程就Ok了,这样可以尽早获取数据:如果有依赖dom必须存在的清空,就放到mounted里面,具体用法如下所示: // cr ...
H5填坑笔记--持续更新
最近一直在做移动端的页面,发现很多的坑,这里做一下总结,填填坑…… css常见的问题(一) 一.iOS键盘首字母自动大写 IOS的机子,默认英文输入法状态下,首字母是自动大写的,有时候挺烦人的. 在i ...
ASP.NET MVC深入浅出系列(持续更新) ORM系列之Entity FrameWork详解（持续更新）第十六节：语法总结(3)(C#6.0和C#7.0新语法) 第三节：深度剖析各类数据结构(Array、List、Queue、Stack)及线程安全问题和yeild关键字各种通讯连接方式设计模式篇第十二节: 总结Quartz.Net几种部署模式(IIS、Exe、服务部署【借
ASP.NET MVC深入浅出系列(持续更新) 一. ASP.NET体系从事.Net开发以来,最先接触的Web开发框架是Asp.Net WebForm,该框架高度封装,为了隐藏Http的无状态模 ...
MySQL填坑系列--Linux平台下MySQL区分大小写问题
大家好,我是软件大盗(道),下面开始我们的<MySQL填坑系列>. 笔者最近又在MySQL的边缘试探,然后,试探着,试探着就报错了. 书接上文,系统连接数据库时报错:找不到DB_TIMIN ...
Ext JS学习第十六天事件机制event（一） DotNet进阶系列(持续更新) 第一节：.Net版基于WebSocket的聊天室样例第十五节：深入理解async和await的作用及各种适用场景和用法第十五节：深入理解async和await的作用及各种适用场景和用法前端自动化准备和详细配置(NVM、NPM/CNPM、NodeJs、NRM、WebPack、Gulp/Grunt、G
code&monkey Ext JS学习第十六天事件机制event(一) 此文用来记录学习笔记: 休息了好几天,从今天开始继续保持更新,鞭策自己学习今天我们来说一说什么是事件,对于事件 ...
填坑系列：通过ESXi来配置IPMI
近日西安的天气很不错,可是看到从其他地方迁移来的主机在新环境下无法远程调试怪郁闷的,这就需要填坑,要不就会给后来者挖更大的坑. 今天遇到的坑是在IPMI的网络设置里面启用了VLAN标签之后,在新环境下 ...
Vue填坑(1)----通过vue-cli，认识vue-router
开始首先,确保之前已经安装过 npm 和 nodejs(为了避免版本的问题,最好使用较新的版本). 全局安装 vue-cli : npm install -g vue-cli 新建文件夹 my-pr ...
Vue.js 牛刀小试（持续更新~~~）
一.前言这个系列的文章开始于今年9月从上一家公司辞职后,在找工作的过程中,觉得自己应该学习一些新的东西,从前几章的更新日期也可以看出,中间隔了很长的时间,自己也经历了一些事情,既然现在已经稳定了,就 ...

随机推荐

Ruby中实现module继承
module FooModule def self.included base base.extend ClassMethods end module ClassMethods def ...
MVC中使用EF：排序，过滤，分页
原文链接:http://www.asp.net/mvc/tutorials/getting-started-with-ef-using-mvc/sorting-filtering-and-paging ...
C#将dll打包到程序中
最近比较懒,加上内容也不多就懒得排版了,字放大了,看起来应该方便一点直接进入主题先来看一个栗子,假设现在有一个第三方dll namespace TestLibrary1 { public clas ...
【PHP面向对象(OOP)编程入门教程】4.如何抽象出一个类？
上面已经介绍过了, 面向对象程序的单位就是对象,但对象又是通过类的实例化出来的,所以我们首先要做的就是如何来声明类, 做出来一个类很容易,只要掌握基本的程序语法定义规则就可以做的出来,那么难点在那里呢 ...
Android HttpURLConnection Post 参数（https）
声明utf-8: public static String CHARSET_UTF8 = HTTP.UTF_8; eg:登陆请求方法,通过接口返回结果: public static void logi ...
Aquarium Filtration
http://www.fishyou.com/aquarium-filtration.php Aquarium Filtration This section covers aquarium filt ...
iOS中属性Property的常用关键字的使用说明
属性关键字的作用现在我们iOS开发中,基本都是使用ARC(自动引用计数)技术,来编写我们的代码.因此在属性property中我们经常使用的关键字有strong,weak,assign,copy,no ...
解决python中json模块loads出来的结构都是unicode的问题
在使用python的json模块对json字串反序列化成python对象的时候出现的字符串都是unicode类型,而不是python内置的str类型.在某种使用场景下用户必须做显式的转换才能正常使用, ...
css3- border
css3-border 1.border-color 2.border-image 3.border-radius ( none | <length>{1,4} [ / <leng ...
《JavaScript高级程序设计》笔记（1）：<script>元素
使用<script>元素内部的JavaScript代码将从上至下依此解释.在使用<script>嵌入的JavasCript代码时,代码任何地方不能出现"</sc ...