草庐IT

vue-options-api

全部标签

javascript - 在 API 请求的客户端应用程序中存储用户 ID

我有一个Node-ExpressRESTAPI,我可以在其中向用户Controller发出GET请求-/users/:id-其中:id是用户-id号码存储在数据库中。我还有一个调用API的React-Redux客户端应用程序。为了发出请求,客户端应用需要访问用户ID,但我目前不确定在客户端存储用户ID的最佳方式。对于其他上下文,我的API向客户端发送一个JWTtoken在持有用户ID的登录时;客户端应用程序将token保存在localStorage中。当客户端发出请求时,API会验证解码token中的用户ID是否与URL中包含的ID匹配,然后再将响应发送回客户端。我看到了两个可能的解决

javascript - Vue2 中的条件 Prop

我有一个用例,我可能需要将对象props作为props传递给子组件。最初,我在一个组件中包含一个表单和一个表格。此表单将接受输入,将执行异步请求并呈现表格以供用户进行选择。然后用户可以点击一个按钮并隐藏表格并恢复表格以便重新输入参数。由于表单的内容取决于其父级的状态,因此最后的搜索参数仍在表单中。当我重构组件以创建父组件的表单和表格子组件时,问题就出现了。现在表单将$emit事件给它的父级,它会执行异步操作并将结果作为props传递给表。这工作正常,但是当用户点击“返回表单”按钮时,表单会重新呈现,从而将其状态重置为初始值。我尝试将表单的内容存储在父级中并将其作为props传递回表单,

javascript - 将模板分配给 Vue 类组件

如何直接将模板分配给Vue类组件?在下面的示例中,我可以将子组件渲染为节点,但从不渲染模板。我尝试为模板分配许多不同的方式来渲染它,但似乎没有任何效果:Thisshouldrenderone,two,threebelowtwice.{{item}}import{Vue,Component,Prop}from'vue-property-decorator'@Component({template:`{{item}}`})classSubcomponentextendsVue{template=`{{item}}`@Prop({required:true})item:string}@Com

javascript - 动态导入vue组件解析失败

当我尝试使用import()函数导入动态组件时,我收到以下错误:[Vuewarn]:Failedtoresolveasynccomponent:function(){return__webpack_require__("./src/components/typeslazyrecursive^\\.\\/field\\-.*$")("./field-"+_this.type);}Reason:Error:Loadingchunk0failed.不幸的是,我不知道是什么导致了这个错误。由于ReleaseNotes,我已经尝试在vue-loader配置中将esModule设置为false.我

javascript - 如何使用 vue-test-utils 测试 CSS 框架自定义组件

我使用的是BuefyCSS框架,它提供自定义vue-js组件,例如和,我在测试时遇到了问题标签。import{shallowMount,createLocalVue}from'@vue/test-utils'importBInputPracticefrom'../BInputPractice.vue'importBuefyfrom'buefy'constlocalVue=createLocalVue()localVue.use(Buefy)describe('b-inputPractice',()=>{it('updatesthenamedataproperty',()=>{const

javascript - 处理 API 设计和 OO 糖

入门读物:Prototypesas"classes"OOJS按照上述模式,我创建如下库/APIvarProto={constructor:function(){this.works=true;},method:function(){returnthis.works;}};现在库用户要与我的原型(prototype)(不提供工厂函数)交互,他们必须实例化和初始化对象//instantiatevarp=Object.create(Proto);//initializep.constructor();这是一种强制用户实例化和初始化我的对象的不友好且冗长的方式。我个人使用pd在我所有的应用程序

javascript - 检测 "Refused to display document because display forbidden by X-Frame-Options."错误的方法?

这个问题在这里已经有了答案:Catcherrorififramesrcfailstoload.Error:-"Refusedtodisplay'http://www.google.co.in/'inaframe.."(8个答案)关闭6年前。我正在使用“googleviewer”查看一些文档。唯一的问题是,如果浏览器有一个处于“边缘”的谷歌登录,它什么都不显示,并且“拒绝显示文档,因为X-Frame-Options禁止显示。”发生错误并显示在控制台中。我所说的“limbo”是指已知登录但用户必须重新输入密码以重新验证自己的情况。是否有一种方法可以检测此错误何时发生,以便我可以显示弹出错误

javascript - 与网络界面相比,Google Search API 有时会返回第一个结果,有时会返回第二个结果

首先,这不是以下内容的副本:Whydoesagooglesearchthroughthegoogleapireturndifferentresultstoasearchinthewebpage?也不是我能够找到的任何其他“谷歌搜索API返回意外结果”问题。我正在编写一个使用Google网络搜索API的小型javascript程序。我正在为我的“购买地点”页面创建自定义链接,这些链接应该将用户引导到我们经销商网站上的正确页面,以购买他们在单击“购买地点”时上次查看的产品。我使用document.referrer的javascript方法,然后解析URL以确定用户上次访问我网站上的哪个页面

javascript - 如何从浏览器剪贴板 api 获取动画 gif 图像?

我正在测试以下代码,当我复制动画gif并将其粘贴到网页时,我在控制台中看到了image/png-而不是image/gif符合预期。为什么?document.onpaste=function(event){console.log(event.clipboardData.items[1]['type']);//'image/png'};如何匹配gif图片?你可以在这个jsfiddle测试它与this例如gif图片。 最佳答案 CF_GIF剪贴板格式很少使用。大多数应用仅将图像作为CF_BITMAP、CF_ENHMETAFILE或CF_D

javascript - Knockout.js 在使用 'options' 绑定(bind)时更改 <option> 的颜色?

在选择列表上使用“选项”绑定(bind)时,是否可以更改选择列表选项元素的样式(使用“样式”或“css”绑定(bind))?或者这只能通过在选择列表上使用“foreach”并更改每个样式来完成吗?我在代码中有这个:但是如果我附加style:{color:isDefault()===true?'black':'red'}如果isDefault返回false,则整个列表为红色。以这种方式编码是实现此目标的唯一方法:或者是否存在我不知道的某种形式的Knockout.js魔法?谢谢! 最佳答案 为了扩展ThomasWiersema的回答,您