element-ui 调用组件中的方法
1、在已创建的vue项目中,新建组件文件Acm.vue

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

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

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

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

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

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

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

阅读量:20
阅读量:98
阅读量:58
阅读量:159
阅读量:168