问题标签 [vuesax]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - 如何更改 css 样式并将动态样式添加到 Vuesax vs-input?
我在我的 VueJS 项目中使用“ vuesax ”:“3.11.1”。
我找不到改变 vs-input 禁用输入边框的方法。
我尝试应用内style="border: 1px solid #ff0000;"
联样式(随附的)。
检查它看起来是的 html vs-inputx vs-input--input normal
,但是如果我尝试将 css 样式添加到此类,它就不起作用。
向它添加动态样式的问题相同,使用:style并将函数传递给它(通常的 Vue 方式 - 它也可以写为:style="`color: ${info.status_color};`"
)。如果我将它应用于 vs-input 它没有效果。我不知道如何定位其中的元素(附图中的绿色元素),因为它不在模板中。
有没有 Vuesax 库的专家?
提前致谢
vue.js - 如何在带有 div 的 vue js 中动态显示值
动态显示来自 url 的值,已经正确显示在表中,但我想用 div 显示。
现在检查这个 div
这个 div 代码不起作用
javascript - VueSax 通知显示错误
不知何故,我想从 vuesax@next 使用的通知显示错误……也许是我的错,或者是因为 vuesax 的 alpha 状态形式?这是代码:(我直接从文档中复制了它......)
当我想执行它时:
现在,当我执行它时,会显示通知,但字体完全错误......而且由于它是通过js触发的,我不知道如何通过css选择它。通常应该使用来自 vuejs 的标准字体?
javascript - 有没有办法让 SVG className 向后兼容?
许多旧库依赖 className 来识别它们的上下文。
所以点击处理程序可以如下所示:
但如果目标元素是 svg 元素,这将失败。原因是 svg className 是SVGAnimatedString类型的对象
是否有任何临时解决方法可以避免旧代码出现问题?更改处理程序不是一种选择,因为不清楚有多少库具有此代码,并且更改库代码可能是不可能的。
将 SVG 更改为其他元素不是一种选择,因为 SVG 是第 3 方控件的一部分。
更新:
“是否有任何临时解决方法可以避免旧代码出现问题?” 根据评论似乎不清楚。我的目标是查看是否有任何 polyfill 或任何其他技术可用于临时使 SVG 元素将其 className 作为字符串,直到 3rd 方库赶上。然后我将更新 3rd 方库并还原此代码。
截至目前 - 简单地覆盖 className 似乎是不可能的,因为它似乎只有 getter 而没有用于 SVG 元素的 setter。
更新 2 我添加了一个小代码来演示这个问题。如果你点击左边的方块(它是一个 div)——它会工作得很好。如果你点击右边的方块——SVG——它不会起作用,因为 .className.indexOf() 会抛出一个错误。
javascript - Vue 表格转换
我正在尝试在我的桌子上添加转换延迟。我正在使用 vuexy (vuesax) 表,我想在加载时添加一些不错的动画。我已经像这样定义了transitionDelay:
它适用于其他一些组件,例如:
在这里效果很好,但在桌子上没那么多。这是表中的代码:
如您所见,我已添加:style="[{transitionDelay: (data * 0.1) + 's'}]
但甚至没有错误
javascript - Vuesax SCSS 动画关键帧不起作用
我正在尝试在我的 Vuesax 表中添加一些不错的样式。我想创建一个列出数据的动画。现在我已经创建了这样的东西:
和风格:
这很好用。但我想一一列出产品,我尝试过这样的事情:
但这不起作用。任何想法如何解决它?我需要以其他方式编写关键帧吗?
javascript - 我如何使用 vs-upload 将图像上传到数据?
我的项目有问题,例如在 vs-upload 中,我无法在选择 img 后追加到数据
我有一个创建滑块的表单,并且有一个保存按钮来在后端创建滑块,在数据库中创建之前我无法上传滑块
你有什么要约吗?
vue.js - Vuesax Vx-Select 组件不显示所选标签
我正在通过 npm 使用 NuxtJs v2.14 和 vuesax v4.0.1-alpha.25。当我使用这些部分代码为 v-select 创建循环时,在选择一个创建的选项后,此组件不会向我显示选定的标签。
我通过移动设备和 Win OS 或 FireFox、Opera、Safari 和 Chrome 等所有浏览器对其进行了尝试和测试,但它对我不起作用。
这是我的代码:
vue.js - 如何更改道具值以在 VueJS 的上下文中关闭 vs-popup
我正在使用 Vuesax vs-popup,并且我试图关闭在 vs-popup 内部使用的按钮单击时的 vs-popup。
vspopup.vue
组件.vue:
我正在尝试使用取消按钮关闭 vs-popup,但我不知道该怎么做,通过 Vuesax 中的 vs-popup 文档,实际上知道可以通过更改道具来完成价值。这是文档:https ://lusaxweb.github.io/vuesax/components/popup.html
如果有人知道该怎么做,请帮助我。