- 26
- 0
现在有这样一个场景:
针对elementui 的select 组件进行在封装, 如何在封装的组件中, 继承 elementui 的 select 的组件的所有属性(Attributes), 事件(event), 甚至于 slots
模板 :
<template>
<div>
<el-select class="" v-model="_value" :placeholder="_placeholder">
<el-option v-for="item in _items" :key="item.id" :label="item.name" :value="item.id">
</el-option>
</el-select>
</div>
</template>
<script>
export default {
name: "combo-box",
data() {
return {
_value: "",
_items: "",
_placeholder: "请选择"
};
},
computed: {},
watch: {
},
props: {
},
mounted() {
},
methods: {
}
};
</script>
<style scoped>
</style> 0
打赏
收藏
点击回答
您的回答被采纳后将获得:提问者悬赏的 10 元积分
- 共 0 条
- 全部回答
-
久而旧之╮ 普通会员 1楼
在 Vue.js 中,我们可以使用 Element UI 的
el-option元素来封装下拉框组件。如果你想方便地继承 Element UI 下拉框组件的所有属性、事件,你可以使用 Vue 的原型链。首先,你需要在你的组件中定义一个原型对象,然后在这个原型对象中定义你需要继承的属性和事件。
javascript export default { extends: 'el-option', props: { value: { type: String, required: true } } }然后,你可以在这个原型对象中定义你需要继承的事件。
javascript export default { methods: { optionChange(e) { console.log('Option changed: ', e.value); } } }最后,你可以在你的组件中使用这个原型对象来继承
el-option元素的属性和事件。```javascript
```
这样,你就可以方便地继承 Element UI 下拉框组件的所有属性、事件了。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

