You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
1004 B
50 lines
1004 B
<template>
|
|
<el-dropdown
|
|
:show-timeout="100"
|
|
trigger="click"
|
|
>
|
|
<el-button plain>
|
|
Link
|
|
<i class="el-icon-caret-bottom el-icon--right" />
|
|
</el-button>
|
|
<el-dropdown-menu
|
|
slot="dropdown"
|
|
class="no-padding"
|
|
style="width:400px"
|
|
>
|
|
<el-form-item
|
|
label-width="0px"
|
|
style="margin-bottom: 0px"
|
|
prop="sourceURL"
|
|
>
|
|
<el-input
|
|
v-model="sourceURL"
|
|
placeholder="Please enter the content"
|
|
>
|
|
<template slot="prepend">
|
|
URL
|
|
</template>
|
|
</el-input>
|
|
</el-form-item>
|
|
</el-dropdown-menu>
|
|
</el-dropdown>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { Component, Prop, Vue } from 'vue-property-decorator'
|
|
|
|
@Component({
|
|
name: 'SourceUrlDropdown'
|
|
})
|
|
export default class extends Vue {
|
|
@Prop({ required: true }) private value!: string
|
|
|
|
get sourceURL() {
|
|
return this.value
|
|
}
|
|
|
|
set sourceURL(value) {
|
|
this.$emit('input', value)
|
|
}
|
|
}
|
|
</script>
|
|
|