12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- <template>
- <el-select
- v-model="value2"
- allow-create
- filterable multiple collapse-tags
- default-first-option
- placeholder="请选择文章标签">
- <el-option
- v-for="item in options"
- :key="item.value"
- :label="item.label"
- :value="item.value">
- </el-option>
- </el-select>
- </li>
- </div>
- </template>
- <script type="text/ecmascript-6">
- export default {
- data() {
- return {
- options: [{
- value: 'HTML',
- label: 'HTML'
- }, {
- value: 'CSS',
- label: 'CSS'
- }, {
- value: 'JavaScript',
- label: 'JavaScript'
- }],
- value2: ['HTML','CSS']
- }
- },
- methods: {
- arrowDown() {
- this.isShowSelect = !this.isShowSelect;
- },
- select(item, index) {
- this.isShowSelect = false;
- console.log(item);
- console.log(index);
- this.unitModel = index;
- this.unitName = item.value;
- }
- }
- };
- </script>
- <style scoped>
- </style>
|