buefy相关内容

如何将Buefy的对话框组件与用户提供的内容一起使用,并确保XSS的安全性

Buefy的对话框组件需要message属性字符串。根据一份文档,该字符串可以包含HTML。我希望在字符串中使用模板值,但当然这应该是XSS安全的。 当前不安全示例 这是不安全的,因为this.name不安全。我可以使用NPM包对名称进行html编码,但我真的更喜欢使用Vue。 import Vue from 'vue'; export d ..
发布时间:2022-04-08 20:55:56 前端开发

过滤输入文本以仅输入数字,甚至不输入小数

我的目标是让用户只输入 [0-9] 中的数字,甚至不允许使用小数 怎么做? 代码 event.preventDefault() 由各自的 键.当然,我们可以使用原生的 来提供帮助. const app = new Vue({el: '#app',方法: {过滤键(e){const key = e.key;//如果是 '.'关键,停下来如果(键 === '.')返回 e.pre ..
发布时间:2021-09-20 19:37:55 前端开发

如何在 SCSS 中扩展变量的映射?

我正在使用一个名为 Buefy 的包,它是 Bulma CSS 框架库的 Vue.js 包装器.Buefy 在其模板组件上放置了一个名为 type(e.g., type="is-warning")的属性/属性.根据 Buefy 文档,术语“is-warning"是预定义的根据 SCSS 中设置的 $colors 变量: 所以我按照 Buefy 的这些说明 来自定义 $颜色 映射,但是我想做的 ..
发布时间:2021-07-14 21:06:28 前端开发

比CSS中的选择器大三倍?

我看到了以下CSS代码,看上去比选择器大了三倍. .b-table>>>.table-wrapper {溢出-x:自动;} 我知道它是在引用Buefy表组件并将特定样式应用于具有 table-wrapper 类的元素,但是>>> 的作用是什么运算符是什么意思?基于此答案,我认为这可能是为了将样式应用于孩子的孩子对孩子来说,准确吗?如果是这样,为什么它似乎不能与其他数量的> 一起使用? ..
发布时间:2021-04-26 18:56:03 前端开发