![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
燕过留誉
爱好前端设计与开发,一切皆为用户体验。
展开
-
vue父子间的那些事儿——子组件调用父组件的方法
一、子组件调用父组件 1、最直接的办法,使用this.$parent.event来直接调用父组件方法。 this.$parent.event 2、方法是在子组件里用$emit向父组件触发一个事件,父组件监听这个事件就行了 // 父组件 <children @fatherMethod="fatherMethod"></children> ..... fatherMethod(){ ...... } // 子组件 <el-button @click="原创 2022-04-21 14:58:28 · 2356 阅读 · 0 评论 -
vue父子间的那些事儿——.sync修饰符与$emit(update:xxx)实现父子prop双向绑定
父子组件prop实现双向绑定原创 2022-04-21 13:54:01 · 1346 阅读 · 0 评论 -
使用v-model实现父子数据双向绑定
场景:面板的收起与展开功能。 效果: 页面结构: // 父级 <p>物资保障 <ZoomBtn v-model="shrinkCurPageFlag"></ZoomBtn> </p> <div v-show="!shrinkCurPageFlag"> ....... </div> .... private shrinkCurPageFlagb = false; ..原创 2021-03-31 19:33:09 · 155 阅读 · 0 评论 -
在vue中引入jquery库
1,cmd打开命令行,进入到项目所在目录下,在命令行输入 ‘npm istall jquery --save ’2, 修改配置文件build文件夹——>打开 webpack.base.conf.js 文件,把下面的代码放到如图位置var webpack=require('webpack')plugins:[ new webpack.ProvidePlugin({ $:'jque...原创 2018-04-25 09:45:41 · 435 阅读 · 0 评论 -
vue+element-UI创建工程
1、全局安装vue-cli$ npm install -global vue-cli2、创建一个基于 webpack 模板的新项目$ vue init webpack 项目名3、按照提示一步步操作,如下图:4、手动安装ajv$ npm install ajv@^6.0.0 ...原创 2018-06-11 12:56:03 · 2140 阅读 · 0 评论