elementui主题如何实现实时修改实时看到效果

Posted 2023-05-02

参考技术A 在做后台管理时有一个需求：需要在步骤条上即时编辑内容，并查看效果，我们的后台用到的技术栈是vue+element-ui,看到示例及参数配置后，，果然远远满足不了需求，只能自己动手组装一个了，还好，vue给我们的组件机制可以很快很便捷的开发出我们想要的东西，于是我在element-ui中东拼西凑了一下，首先说一下我用到的组件，即时可编辑，那肯定是少不了输入框了，但输入框又不能一直是输入框，因为编辑完成要有一个显示状态，在找了一会儿后我发现了一个很符合我需求的组件，那就是Tag组件，因为这里面已经给了一种交互，在点击最后一个tag时它会展示出输入框以供编辑，在敲回车或失去焦点后会恢复标签状态，这样我们的即时编辑的问题就解决了，然后就是步骤条的问题了，在看了element-ui的步骤条后我放弃了改源码的念头，本身这个组件不是很复杂，随意改源码会给项目部署带来一定的麻烦，且官方组件并不适合我的自定义标准，不如自己DIY一个，也不是很难，主要是在动态改变步骤条内容时要实时监听内容的高度以适应步骤条的高度。

我可以用 Angular 实现半实时效果吗？

【中文标题】我可以用 Angular 实现半实时效果吗？

【英文标题】：Can I achieve semi-realtime effect with Angular?

【发布时间】：2016-08-26 18:14:05

【问题描述】：

Angular 新手，想了解更多。我知道 Ajax 可以通过在短时间内重复向服务器发送 Http 请求来产生实时效果。我可以使用 Angular 实现类似的实时效果吗？如果对上一个问题属实，Angular 是如何实现实时效果的？和Ajax一样吗？

【问题讨论】：

已经找到方法了。 ***.com/questions/14237070/…

【参考方案1】：

为了实现实时性，您需要拥有将数据推送到应用程序的服务器代码。 Angular 是客户端的 javascript，只能拉取。

【参考方案2】：

嗯，我认为你应该谷歌一些关于 Ajax、Realtime 的定义，也可能是 Framework。

但基本上，AJAX 不是实时的。深而言之，只有效果才能为用户带来更好的体验。此外，它与单页应用程序有关。

实时是与许多用户互动的动作。您可以看到的最佳示例是 Facebook、聊天或通知。用户 1 可以发送消息，用户 2 可以立即看到，无需重新加载。 AJAX 不同，用户 2 不重新加载浏览器就看不到消息。

关于你的问题的第 2 部分，在了解 AJAX 之后，实时。您可以使用一些第三方，如 Socket、Firebase ......它们能够为您的 Angular 应用程序实时使用。