element-ui 调用组件中的方法

 时间:2026-04-26 10:00:00

1、在已创建的vue项目中,新建组件文件Acm.vue

element-ui 调用组件中的方法

2、打开Acm.vue文件,插入一个输入框el-input,添加v-model指令

element-ui 调用组件中的方法

3、在script标签中,添加属性props;然后定义方法addData,传入参数e并打印

element-ui 调用组件中的方法

4、接着,在同目录下,新建vue文件Ason.vue

element-ui 调用组件中的方法

5、打开已建的Ason.vue文件,导入Acm组件并引用,初始化变量uname

element-ui 调用组件中的方法

6、在调用Acm组件下方,添加一个按钮el-button,然后绑定点击事件useData,并定义函数

element-ui 调用组件中的方法

7、保存代码并运行vue项目,打开浏览器,查看输入框无值,也没有打印结果

element-ui 调用组件中的方法

8、点击调用按钮,可以发现输入框有值,而且浏览器控制台打印结果

element-ui 调用组件中的方法

  • 用小米计算器计算贷款定期还款额(等额本息)
  • java如何避免频繁创建线程
  • win10 真正配置为 默认英文输入法的方法
  • 风暴英雄2.0——小鱼人奔波尔霸天赋加点选择
  • linux命令发送get、post请求
  • 热门搜索
    中软国际怎么样 充气娃娃怎么用 鼻子不透气怎么办 批注怎么删除 手机充不上电怎么回事 怎么保护嗓子 怎么能让胸变大 乐心手环怎么调时间 榴莲怎么开 怎么卸载软件