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请求
  • 热门搜索
    南方医科大学怎么样 佳能18-200镜头怎么样 狼尾发型 30一40岁女人发型短发 今年流行什么发型女 男性性健康常识 qq热键冲突怎么修改 游戏手柄怎么用 常州博物馆 能力的近义词