| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- <template>
- <el-main>
- <el-row :gutter="15">
- <el-col :lg="18">
- <el-card shadow="never">
- <el-alert title="资源库选择器即将弃用,将不会维护更新,与1.7版本之后将移除此组件" type="error" style="margin-bottom:20px;"></el-alert>
- <sc-file-select v-model="file" :multiple="multiple" :hideUpload="hideUpload" :max="99" @submit="submit">
- <template #do>
- <el-button>自定义插槽</el-button>
- </template>
- </sc-file-select>
- </el-card>
- </el-col>
- <el-col :lg="6">
- <el-card shadow="never" header="参数和方法">
- <el-button type="primary" @click="multiple = !multiple">切换multiple</el-button>
- <el-button type="primary" @click="hideUpload = !hideUpload">切换hideUpload</el-button>
- </el-card>
- </el-col>
- </el-row>
- </el-main>
- </template>
- <script>
- import scFileSelect from '@/components/scFileSelect'
- export default {
- name: 'fileselect',
- components: {
- scFileSelect
- },
- data() {
- return {
- file: '',
- multiple: false,
- hideUpload: false,
- upload: '',
- upload2: ''
- }
- },
- mounted() {
- },
- methods: {
- submit(value){
- console.log(value)
- this.$message("返回值请查看F12控制台console.log()")
- }
- }
- }
- </script>
- <style scoped>
- </style>
|