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、点击调用按钮,可以发现输入框有值,而且浏览器控制台打印结果

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:187
阅读量:44
阅读量:147
阅读量:151
阅读量:56