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请求
  • 热门搜索
    爱相随攻略 红烧羊肉的家常做法 当当网电子书怎么看 豆奶怎么做 怀孕怎么看男孩女孩 凤凰古城旅游攻略 减肥饮料 韩城攻略 苹果减肥的正确方法 衣服搭配图片