element实现select功能:
组件功能确实还挺丰富的,当时绑定的时候,返回的是字符串,好不容易绑定上对象,还要绑定什么value-key属性,其实压根不知道干嘛用,这还不算,当需要绑定值为对象时,绑定value,key,{{xxx}}。他们通过什么来绑定model,都会或多或少出现问题:这就尴尬了。
正常的:如下代码也就oK了。
~~~
<select class="custom_select" v-model="resource" @change="changeResource(resource)" placeholder="">
<option v-for="(resource,key) in resourceList" :value="resource">{{resource.name}}</option>
</select>
~~~
变态的element:(绑定的key,label,value你会把自己搞懵逼的,不写,控制台还报错警告。这成何体统。去超市买个东西,你把醋和酱油放一块买,分开还不单卖了?没有标签,没有把打开盖子,醋和酱油,有的还分不清楚,这合适么?搞笑的逻辑);
>[info](当然也有好处:比如要在下拉框中不仅仅显示文字,还要显示图片)这个就很好用
~~~
<el-select v-model="changeStu.loginname" @change="changeStuName" filterable placeholder="请选择学生">
<el-option
v-for="stu in studentNameLists"
:key="stu.loginname"
:label="stu.name"
:value="stu.loginname">
<span>{{stu.name}}</span>
<img :src="imgSrc(stu.loginname)" >
<div class="imgBak"><img :src="imgSrc(stu.loginname)" ></div>
</el-option>
</el-select>
~~~
- 1. KanCloud快捷键
- algate.github.io的网站建设
- algate.github.io基础完善
- 如何在github上展示作品——为你的项目生成一个快速访问的网址
- Github README.md 添加图片
- git上传github常用命令
- WEB开发文档
- 工具相关文档说明
- GulpJs开发文档
- 安装Gulp详细教程
- 如何上传到github
- 服务端相关文档
- tomcat配置多域名多端口访问
- Vue遇到的那些大坑
- vue-bulid新建问题解决方案
- vue-prev功能实现方案优劣(element)
- 常用组件使用和功能实现
- 1-文件上传功能
- 2-select插件实现利弊
- 3-实现分步骤流程效果
- ES6-export与export default遇到的坑
- require.context()-route去中心化管理
- webpack.ensure(webpack代码分割)
- angular爬-跪着也要爬完
- 新建遇到的问题
- 常用angular核心知识
- React初生牛犊不怕虎
- react初次见面之泥坑深谭
- react+webpack+es6精简版HelloWorld
- create-react-app创建失败
- create-react-app不归路
- react用到的组件module
- react-hot-loader
- JavaScript成长之路
- Js进阶
- Js模块化编程:require.js的用法
- 浅谈前端架构
- Js常见问题汇总
- 浏览器渲染原理及解剖浏览器内部工作原理
- 雅虎前端优化的35条军规
- 常见问题描述-面试常问
- 前端性能优化-algate
- http状态码详解
- 作用域,闭包,面向对象
- Js基础知识
- Js基本功必须扎实
- 各个浏览器加载icon
- html特殊标签和属性的说明
- 个人资源总结
- 个人简历-绝对真实有效
- Jekyll博客创建
- Jekyll开始创建
- Jekyll文档说明
- jekyll-paginate分页问题
- HEXO博客创建
- es6新用法解析以及使用
- 神奇的三个点:...
- 几大类
- coding创建hexo
- sublime相关配置
- Atom使用