博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
在vue的属性中绑定了一个方法
阅读量:6457 次
发布时间:2019-06-23

本文共 654 字,大约阅读时间需要 2 分钟。

  hot3.png

问题:

由于iview的iselect中要我geu选择数量做个限定,但这个组件的设计本身没有一个类似于max的属性,想来也属于一个比较小众的需求。

变通解决:

选项ioption中存在一个disabled属性,且有一个selected属性。于是,我对disabled属性绑定了一个方法,这个方法将根据iselect绑定的数组长度和选项当前的选中状态进行判断,如果选项个数超过指定数目,且选项状态为未被选中,则返回为true,否则为false。代码如下:

isDisabled:function(e){					if((this.selectedItems.length)>=5&&this.$refs[e]&&this.$refs[e][0].selected!=true)return true;					else return false;				},

html绑定方式如下:

结果:

当前可以满足需求,暂时能跑。

问题:在返回值判断的时候,用了三个条件,其中,中间的那个进行了一个结果测试。按说在增加了Items的个数后,refs中应该出现对应的对象,但是在实际运行中出现了一个找不到的问题,即$refs[e]返回内容为空,为什么,不得而知。由于属性绑定方法返回值的做法似乎不是vue的主流做法,控制台调试也比较费劲,因此没有继续深究。希望有人指点迷津,不胜感激。

转载于:https://my.oschina.net/rodger/blog/2961138

你可能感兴趣的文章
利用网易获取所有股票数据
查看>>
移动铁通宽带上网设置教程
查看>>
Python算法(含源代码下载)
查看>>
利用Windows自带的Certutil查看文件MD5
查看>>
通过原生js添加div和css
查看>>
简单的导出表格和将表格下载到桌面上。
查看>>
《ArcGIS Engine+C#实例开发教程》第一讲桌面GIS应用程序框架的建立
查看>>
JAVA - 大数类详解
查看>>
查询指定名称的文件
查看>>
Python 嵌套列表解析
查看>>
[GXOI/GZOI2019]旧词——树链剖分+线段树
查看>>
anroid 广播
查看>>
AJAX POST&跨域 解决方案 - CORS
查看>>
关于最小生成树中的kruskal算法中判断两个点是否在同一个连通分量的方法总结...
查看>>
开篇,博客的申请理由
查看>>
Servlet 技术全总结 (已完成,不定期增加内容)
查看>>
[JSOI2008]星球大战starwar BZOJ1015
查看>>
CountDownLatch与thread-join()的区别
查看>>
centos 7 部署LDAP服务
查看>>
揭秘马云帝国内幕:马云的野心有多大
查看>>