calllips.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <template>
  2. <el-select
  3. v-model="value2"
  4. allow-create
  5. filterable multiple collapse-tags
  6. default-first-option
  7. placeholder="请选择文章标签">
  8. <el-option
  9. v-for="item in options"
  10. :key="item.value"
  11. :label="item.label"
  12. :value="item.value">
  13. </el-option>
  14. </el-select>
  15. </li>
  16. </div>
  17. </template>
  18. <script type="text/ecmascript-6">
  19. export default {
  20. data() {
  21. return {
  22. options: [{
  23. value: 'HTML',
  24. label: 'HTML'
  25. }, {
  26. value: 'CSS',
  27. label: 'CSS'
  28. }, {
  29. value: 'JavaScript',
  30. label: 'JavaScript'
  31. }],
  32. value2: ['HTML','CSS']
  33. }
  34. },
  35. methods: {
  36. arrowDown() {
  37. this.isShowSelect = !this.isShowSelect;
  38. },
  39. select(item, index) {
  40. this.isShowSelect = false;
  41. console.log(item);
  42. console.log(index);
  43. this.unitModel = index;
  44. this.unitName = item.value;
  45. }
  46. }
  47. };
  48. </script>
  49. <style scoped>
  50. </style>