uniApp自定义组件
2020-02-04 本文已影响0人
简约酒馆
自定义组件代码
<template name="myInput">
<view>
<input type="text" value="" :placeholder="placeholder" class="myInput" />
<button type="primary" @click="submit">提交</button>
</view>
</template>
<script>
export default {
name:"myInput",
//属性
// props:{
// 属性名称:{
// type:String, //属性类型
// value:"值"
// }
// },
// props:["msg"],
props:{
msg:{
type:String,
default:"真好" //不传值时使用属性默认值
},
placeholder:{
type:String,
value:"请输入您的..."
}
},
//组件生命周期
created() {
},
data() {
return {
}
},
methods: {
submit(){
this.$emit("mytest",'来自子组件的问候')
}
}
}
</script>
<style>
.myInput{
padding: 20upx;
background: #eee;
}
</style>
