Skip to content
This repository has been archived by the owner on Feb 24, 2018. It is now read-only.

konanzheng/netbeans-element-code-templates

Repository files navigation

Vue eLement Snippets for NetBeans

It is based on : https://github.com/Chris2011/netbeans-angular2-code-templates This extension for NetBeans adds snippets for Element for Vue.

使用方法

跟其他代码模板一样输入部分代码然后提示

标签

  1. row : <el-row></el-row>
  2. col : <el-col></el-col>
  3. color : <color></color>
  4. typography : <typography></typography>
  5. icon : <icon></icon>
  6. button : <el-button></el-button>
  7. radio : <el-radio></el-radio>
  8. rg : <el-radio-group></el-radio-group>
  9. checkbox : <el-checkbox></el-checkbox>
  10. cg : <el-checkbox-group></el-checkbox-group>
  11. input : <el-input></el-input>
  12. auto : <el-autocomplete></el-autocomplete>
  13. in : <el-input-number></el-input-number>
  14. select : <el-select></el-select>
  15. opt : <el-option></el-option>
  16. gopt : <el-option-group></el-option-group>
  17. casc : <el-cascader></el-cascader>
  18. switch : <el-switch></el-switch>
  19. slider : <el-slider></el-slider>
  20. tpicker : <el-time-picker></el-time-picker>
  21. tselect : <el-time-select></el-time-select>
  22. dp : <el-date-picker></el-date-picker>
  23. datetime : <el-datetime-picker></el-datetime-picker>
  24. upload : <el-upload></el-upload>
  25. rate : <el-rate></el-rate>
  26. cp : <el-color-picker></el-color-picker>
  27. trans : <el-transfer></el-transfer>
  28. form : <el-form></el-form>
  29. fitem : <el-form-item></el-form-item>
  30. table : <el-table></el-table>
  31. tcol : <el-table-column></el-table-column>
  32. tag : <el-tag></el-tag>
  33. prog : <el-progress></el-progress>
  34. tree : <el-tree></el-tree>
  35. page : <el-pagination></el-pagination>
  36. badge : <el-badge></el-badge>
  37. loading : <v-loading></v-loading>
  38. menu : <el-menu></el-menu>
  39. submenu : <el-submenu></el-submenu>
  40. mitem : <el-menu-item></el-menu-item>
  41. tabs : <el-tabs></el-tabs>
  42. tabp : <el-tab-pane></el-tab-pane>
  43. bc : <el-breadcrumb></el-breadcrumb>
  44. drop : <el-dropdown></el-dropdown>
  45. dmenu : <el-dropdown-menu></el-dropdown-menu>
  46. ditem : <el-dropdown-item></el-dropdown-item>
  47. steps : <el-steps></el-steps>
  48. dialog : <el-dialog></el-dialog>
  49. tip : <el-tooltip></el-tooltip>
  50. pop : <el-popover></el-popover>
  51. card : <el-card></el-card>
  52. caro : <el-carousel><el-carousel-item></el-carousel-item></el-carousel>
  53. coll : <el-collapse><el-collapse-item></el-collapse-item></el-collapse>

方法

  1. msg : this.$message({ message: 'text',type: 'info'});
  2. alert : this.$alert('content', 'title', {confirmButtonText: 'confirm',callback: action => {}});
  3. confirm : this.$confirm('content', 'title', {confirmButtonText: 'confirm',cancelButtonText: 'cancel',type: 'warning',}).then(() => {, ,}).catch(() => {});
  4. prompt : this.$prompt('content', 'title', {confirmButtonText: 'confirm',cancelButtonText: 'cancel',inputPattern: /regExp/,inputErrorMessage: 'errormsg',}).then(({ value }) => {, ,}).catch(() => {});
  5. msgb : this.$msgbox({, title: 'title',message: 'string|VNode',showCancelButton: true,confirmButtonText: 'confirm',cancelButtonText: 'cancel',beforeClose: (action, instance, done) => {},}).then(action => {, ,});
  6. notify : this.$notify({, title: 'title',message: 'string|VNode',});