vue.js相关内容

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

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

在Vue3中动态过滤for循环数据源

目标 我想根据搜索栏的输入筛选在for循环中使用的数据源。 示例 我有数据源[{TITLE:&Q;TITLE1&Q;},{TITLE:&Q;TITLE2&Q;}]。我在我的搜索栏中输入标题1。我只希望for循环的经过筛选的数据源显示标题为1的对象 问题 搜索输入更改(...)方法似乎起作用了,this.filteredPosts数据源似乎更改正确。但是,在HTML模板中,数据源似 ..
发布时间:2022-04-07 17:04:45 前端开发

当我尝试删除字符串并且字符串在Ant Design Vue表上的长度为1时,输入关闭

当我尝试删除输入中的内容并且内容的长度为1时,输入关闭,我不知道为什么。我在试图弄清楚为什么会发生这种情况时遇到了一些困难。 在这个可编辑的表上,我可以编辑我想要的所有内容,当字符串长度超过1时,就不会发生这种情况。我做错了什么? 这是我现在的代码: ..
发布时间:2022-04-07 17:00:31 前端开发

在Vue中的自定义输入组件的模型/值绑定上缺少所需的属性:&Q;值

我在尝试在Vue 3(组合API,script setup模式)中创建自定义表单组件时遵循了this guide。 当我加载包含我的组件的页面时,我收到如下的控制台警告: [Vue warn]:缺少必需的属性:值和值 AT<;SwitchControl Key=0名称=&Quot;问题8;Model=未定义...&> 我的组件(省略css): ..

安装VUE组件-VUE 3

我想在第3版中执行此操作 new ComponentName({ propsData: { title: 'hello world', } }).$mount(); 但我收到此错误:VueComponents_component_name__WEBPACK_IMPORTED_MODULE_1__.default is not a constructor 目前,我们 ..
发布时间:2022-04-07 16:43:32 前端开发

带有Vue 3和TypeScrip的Flickity API

我一直在我的Vue 3应用程序中使用Flickity,当我使用带有静态单元格的硬编码的HTML旋转木马时,它工作得很好。然而,我需要在运行时以编程方式添加单元格,并且我无法使Flickity API正常工作。 我正在尝试遵循append()示例,但收到错误: flickity.js?1385:72 Bad element for Flickity: .carousel 运行时在我的 ..
发布时间:2022-04-07 16:40:53 前端开发

使用外部框架将Vue3自定义元素添加到Vue2应用程序中

我有一个用Vue2编写的应用程序,它还没有真正准备好升级到Vue3。但是,我想开始在Vue3中编写一个组件库,并将组件导入回Vue2中,最终在它准备好后进行升级。 Vue 3.2+引入了defineCustomElement,它工作得很好,但一旦我在Vue3环境(例如Quasar)中使用附加到Vue实例的框架,它就开始在Vue2应用程序中引发错误,可能是因为defineCustomEleme ..
发布时间:2022-04-07 16:32:16 前端开发

VUE-I18N,这是它的替代。$I18N使用合成API?

尝试使用组合API在组件中实现VUE-I18N。 我希望能够在onmount挂钩中设置一些翻译消息。在选项API中,我将使用this.$i18n.setLocaleMessage(locale, messages)。 但是,this在组合API setUp()方法中不可用。所以,当我尝试上面的方法时,它给了我不确定的感觉。我可以通过将i18N导入到组件中来实现: import { useI18n ..
发布时间:2022-04-07 16:30:32 前端开发

VUE 3合成API,传递数据并使其具有反应性

在我的组件中,我有一个简单的选择菜单,其中有两个选项(";all";和";Investment";)。这里的想法是从一个可组合的数组中获取一组数据,并在屏幕上显示这些数据的每一行。如果我选择菜单中的&Quot;All";,它将显示所有行;如果我选择";Investment&Quot;,它将筛选数据并仅显示带有obj.link==";USA&q ..
发布时间:2022-04-07 16:28:50 前端开发

如何在Vue 3项目中显示格式为Date-FNS的FiRestore时间戳字段?

在Cloud FiRestore文档的名为reviews的集合中,我有一个createdAttimestamp类型的字段。 我正在尝试使用日期实用程序库formatDistanceToNow在DOM中显示createdAt字段,它以单词形式返回给定日期和现在之间的距离,例如小于一分钟前。 例如,在给定的FiRestore文档中,createdAt属于timestamp类型,值为11/14/20 ..
发布时间:2022-04-07 16:27:00 前端开发

如何在VUE 3(Danfo.js)中导入NPM包

这似乎是一个新手问题,但我却不明白。如何在VUE 3中导入和使用第三方js库?在本例中,我试图通过执行npm install danfojs来使用Danfo.jshttps://danfo.jsdata.org/getting-started(尽管它只显示使用CDN用于浏览器,但我认为这是相同的,但如果错误的话,请纠正我)。如果这是我在我想要使用的每个文件中导入的内容,或者如果我在main.js中 ..
发布时间:2022-04-07 16:20:22 前端开发