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使用