资讯专栏INFORMATION COLUMN

最近项目中使用到的一些技术

habren / 3375人阅读

摘要:项目需求项目,后端获取的条数据中的名称,前台展示,并要求点击后可直接修改这个效果使用标签,但是和使用有问题给按钮绑定事件,修改成功后光标依旧在闪,用户体验不好,需解决一未命名视频保存视频名称命名成功主动使按钮失去焦点结论使用方法贼强大,比那

项目需求

vue项目,后端获取的n条数据中的名称,前台展示,并要求点击后可直接修改这个效果
1.使用input标签,但是:value和:model使用有问题
2.给按钮绑定enter事件,修改成功后光标依旧在闪,用户体验不好,需解决

search: function (event, item) {//保存视频名称
  let that = this
  let obj = {
    task_id: item.id,
    show_name: event.currentTarget.value
  }
  that.$ajax.post("/test", obj).then(res => {
    if (res.data.rtn == 0) {
      Message({
        type: "success",
        showClose: true,
        message: "命名成功!",
        duration: 3500
      })
      event.srcElement.blur() //主动使按钮失去焦点
    }
  })
},
结论

1.使用search($event)方法贼强大,比那些$refs等获取的跟强大(个人使用感觉),获取输入的字符很方便
2.主动使按钮失去焦点如代码片段中注释所写

项目小需求
1.vue路由跳转后新打开页面

这个百度都能搜到
  let { href } = this.$router.resolve({ //打开新窗口
    path: "/new/admaking/production",
    query: {
    }
  })
  window.open(href, "_blank")

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/105516.html

相关文章

  • 最近项目使用到的一些技术

    摘要:项目需求项目,后端获取的条数据中的名称,前台展示,并要求点击后可直接修改这个效果使用标签,但是和使用有问题给按钮绑定事件,修改成功后光标依旧在闪,用户体验不好,需解决一未命名视频保存视频名称命名成功主动使按钮失去焦点结论使用方法贼强大,比那 项目需求 vue项目,后端获取的n条数据中的名称,前台展示,并要求点击后可直接修改这个效果 1.使用input标签,但是:value和:model...

    OnlyMyRailgun 评论0 收藏0
  • 技术咖眼:Kubernetes为什么那么重要?

    摘要:因此,也是运行谷歌的一种方式,所以本质上来说,你注册就是为了能够访问一组指定的设计原则,这组原则会让你的应用程序有效运作,像谷歌那样轻松建立和管理您的应用程序。 今天我们来聊聊,但不从技术细节角度,聊为什么容器、Kubernetes是值得使用和整合到你的项目堆栈中的。我们的目标是给你们提供一个关于应该如何思考你的底层构架以及将它可视化问题,从这个角度来谈我们的话题:Kubernetes...

    gityuan 评论0 收藏0
  • 博客 - 收藏集 - 掘金

    摘要:技术之类加载机制掘金类加载机制是语言的一大亮点,使得类可以被动态加载到虚拟机中。玩转仿探探卡片式滑动效果掘金讲起本篇博客的历史起源,估计有一段历史了。 Java 技术之类加载机制 - Android - 掘金类加载机制是 Java 语言的一大亮点,使得 Java 类可以被动态加载到 Java 虚拟机中。 这次我们抛开术语和概念,从例子入手,由浅入深地讲解 Java 的类加载机制。 本文...

    Shimmer 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<