返回介绍

303.全局JS增强

发布于 2020-09-14 22:20:44 字数 4020 浏览 1653 评论 0 收藏 0

全局JS增强

可以在表单属性里最下方找到JS增强的输入框,在这里可以写js代码,在预览的时候会自动执行你写的JS代码。

全局JS增强 API

在JS增强输入框里除了可以用挂载到window中的全局变量之外,还可以用我们给你封装好的几个变量以及方法,他们分别如下

  • vm Vue实例,可以调用Vue的一系列的方法,例如 vm.$nextTick();
  • event Event对象,可以调用 event.type 来判断当前是什么增强类型(全局还是按钮)
  • moment moment 对象
  • api 封装了一下api,具体如下
    • getFormData(key) 获取form表单的值,如果 key 为空,则返回所有的Data
    • setFormData(key, value) 设置form表单的值
    • setFormOptions(key, optionsKey, optionsValue) 设置一个或多个组件的options
      • 示例:
          let opts = [{label: '男',value: '1'} ,{label: '女',value: '2'}]
          api.setFormOptions(key, 'options', options)
        
      • 注意:如果要设置组件的下拉选项(options),则只能当组件是静态数据时才能设置,如果是字典或远程数据,那就会不生效。
    • show(key) 显示一个或多个组件
    • hide(key) 隐藏一个或多个组件
    • watch(watchItems) 设置监听 models 值的变化
      • 示例:
          // 与vue的watch用法相同,可参考vue的官方文档
          api.watch({
              name(val, oldVal){
                  // name 发生了变化
              },
              info(val, oldVal){
                   // info 发生了变化
              }
          });
        
    • get(url, parameter) 发送Get请求
    • post(url, parameter) 发送Post请求
    • put(url, parameter) 发送Put请求
    • request(url, parameter, method) 发送请求
    • executeAllFillRule() 重新执行所有的填值规则

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文