加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

vue表单控件绑定+自定义组件

发布时间:2020-12-16 23:05:39 所属栏目:百科 来源:网络整理
导读:vue表单控件绑定 v-model 在表单控件元素上创建双向数据绑定 ? 文本框双向绑定 ? ? ? ? 多选框演示 ? ? ? ? 下拉列表演示 ? ? ? ? ? vue自定义组件 组件放在components目录下 组件基本要素:props? $emit 通过import导入自定义组件 ? 制作一个倒计时组件: 1

vue表单控件绑定

v-model 在表单控件元素上创建双向数据绑定

?

文本框双向绑定

?

?

?

?

多选框演示

?

?

?

?

下拉列表演示

?

?

?

?

?

vue自定义组件

组件放在components目录下

组件基本要素:props? $emit

通过import导入自定义组件

?

制作一个倒计时组件:

1、在conponents目录下,新建一个time.vue

方法写在mouted声明周期函数内,代码如下:

?

?

然后在index.vue中使用组件:

?

?

?

?我之前组件命名为time,可能与默认什么冲突了,然后报错不让用,所以改名成cyytime

?

但是这个组件还不够灵活,使用props能够接收到组件在调用时传入的属性值

修改代码:

?

?

?

?

?

?想要让组件在结束时能触发一个事件,需要用到$emit

?

?

?

?

?

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读