guiplan通过iview框架动态交互2-事件与数据绑定

点击事件

  • 绑定事件:在右方’样式修改’工具栏中’点击方法’下方输入你创建的方法即可绑定点击事件
  • 创建方法 :在右方’样式修改’工具栏中’自定义方法’下方输入类创建的方法
  • 保存 如下图在这里插入图片描述

双向绑定

  • 创建数据:在右方’样式修改’工具栏中’数据’下方输入变量
  • 绑定数据:在右方’样式修改’工具栏中’绑定字段’下方输入你创建的变量,即可达到双向绑定的效果
  • 保存 如下图
    在这里插入图片描述

循环

  • 创建数组:在右方“样式修改”工具栏中’数据’下方创建数组
  • 绑定数组:在右方’样式修改’工具栏中’循环数据’下方输入循环方法如x in arr
  • 保存 如下图:在这里插入图片描述

显示与隐藏

  • 相当于v-if属性 ,点击进行切换显示与隐藏:在右方“样式修改”工具栏中“显示条件”下方输入条件
  • 如下图点击切换隐藏与显示
    在这里插入图片描述

添加组件并修改组件属性

  • 点击iview组件
  • 点击button按钮,自动添加组件
  • 点击右边当前元素"编辑"按钮
  • 修改元素属性
    在这里插入图片描述

修改元素属性

  • 在当前元素属性右边点击"编辑"
  • 点击"手动插入"属性 即可插入或修改属性
  • 点击"删除"即可 删除相关属性 如下图
    在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/guige8888811/article/details/100119183