小工匠

文章目录概述实现过程Step1: 父组件设置Button按钮Step2: 这里使用了showHandlerFlag来控制子组件是否显示，所里需要在data中定义下这个变量Step3: 引用声明组件Step4:使用v-if条件渲染控制是否显示子组件Step5: 子组件概述需求：需要在先有的页面上增加一个“查看处理人”的按钮，点击查看处理人，弹出子组件，将参数传递给子组件，初始化的时候onCre...

文章目录概述选择器禁止选择date-picker禁止选择input禁止输入概述我们这里组件库使用的iview组件库需求是：特定环节，数据只能查看，不能修改。 （查看页面和新增复用的同一个子组件）。 因此需要动态判断。选择器禁止选择选择器:http://v2.iviewui.com/components/select查看官网正好这个符合我们的需求看看官方给的demo改造下：...

文章目录概述安装npm安装vue-cli建立工程npm i安装脚手架项目的基本支持包npm run dev运行由脚手架构建的基本 Vue.js 程序工程结构概述脚手架 vue-cli为我们省去了手工配置开发环境、运行环境和测试环境的步骤，可以让我们直接步入 Vue.js 开发，不过我们需要先搭建下环境，下面开始吧安装npmnpm（node package manager）node的包管理...

文章目录概述Vue 实例启动入口App.vue分析Vue 的基本组成部分插值数据绑定v-for渲染数组v-for渲染对象属性样式绑定过滤器App.vue概述Vue2.x-03使用vue-cli搭建Vue开发环境搭建好了开发环境，也看了下项目结构，接下来继续来分析下创建的项目吧。Vue 实例启动入口Vue 实例启动入口 的是main.js ,那就先看看main.js吧import Vu...

文章目录概述概述先看下效果知识点Vue2 + iviewuihttp://v2.iviewui.com/components/select <Select v-model="chooseResourceObj.equipId" @on-change="equipChange" ...