草庐IT

vue-element-ui

全部标签

javascript - angular 的 ui-router 似乎正在缓存解析。当我不想要它的时候

背景:我正在使用ui-router来满足我的Angular页面路由需求。到目前为止效果很好,但是我遇到了一个问题。当我加载一个状态并解析我的用户对象时。我使用restangular调用数据库,它返回一个promise。一切都很好。如果我然后注销,并以另一个用户身份登录。然后导航回显示前一个用户对象的同一页面。我发现的事情:每次加载状态时都会调用restapi,并且这是正确的信息。如果我在我的Controller中放置一个断点,解析通过的用户对象将被缓存信息。理论:restAPI端点是/users/me/,这是相同的端点每个用户。我们只是根据关闭提供不同的信息我们传递的JWTtoken。

javascript - 在 ui-dialog-buttonpane 中添加搜索按钮和文本框

我正在编写一个greasemonkey脚本来操作DOM、查询服务器并在单独的jquery对话框中显示结果。我想为其添加以下两个功能:提供一个搜索框,其作用类似于在浏览器上进行简单搜索(即仅搜索jquery对话框的内容并突出显示文本)。提供一个文本框,除非用户专门更改它,否则应永久存储其内容以供将来使用用户脚本。我面临的问题是,我想将这两个都包含在对话框的ui-dialog-buttonpane区域中,在关闭按钮的左侧,但我不知道该怎么做。我所知道的是,我可以使用window.find()(此处使用http://www.javascripter.net/faq/searchin.htm)

javascript - 如何捕获 Vue.JS SPA 中抛出的所有错误

我正在创建一个网络应用程序并trycatchvue.js网络应用程序中任何地方抛出的所有错误。我在看errorHandler但它仅在渲染或观察者期间捕获错误,如前所述:Assignahandlerforuncaughterrorsduringcomponentrenderandwatchers.ThehandlergetscalledwiththeerrorandtheVueinstance.从这个question得到提示,我写了下面的代码:window.onerror=function(errorMsg,url,lineNumber,column,errorObj){console.

javascript - 使用 aria-live 在 vue.js 中向屏幕阅读器发布信息

我正在尝试让一个vue组件在我的网站上发生不同事件时动态地向屏幕阅读器宣布信息。我让它工作到单击按钮将填充aria-live="assertive"和role="alert"文本的范围。这第一次工作得很好,但是,单击具有类似行为的其他按钮会导致NVDA在阅读新文本之前阅读以前的文本两次。这似乎发生在vue中,但使用jquery的类似设置却没有发生,所以我猜它与vue呈现给DOM的方式有关。我希望有某种方法可以解决此问题,或者可能有更好的方法将文本读给不会有此问题的用户。非常感谢任何帮助。Hereisasimplecomponent我在工作代码沙箱中设置以显示我遇到的问题(导航至comp

javascript - 全局修改axios默认 header 时出现问题 - Vue

在ma​​in.jsimportaxiosfrom'axios';axios.defaults.headers.common={'Authorization':'JWT'+Vue.auth.getToken()};axios.defaults.baseURL=process.env.VUE_APP_BASE_URL;//TODO:appendthetrailingslash//AddmodifiedaxiosinstancetoVueprototypesothattobeavailablegloballyviaVueinstanceVue.prototype.$http=axios;到

javascript - $state 或 $location 更改时 Angular ui.router 无限循环

在过去的4个小时里,我已经筋疲力尽了,我一直在尝试调试并在整个互联网上阅读这可能是什么问题。所以,我正在模拟一个移动应用程序,我的逻辑是这样的:如果用户过去登录过,我们在localStorage中有相关数据,然后向他显示列表。这是离线如果我们连接到互联网,首先显示列表并在后台检查他是否仍然登录如果他不是,则重定向到登录页面。在主主页View上,我正在评估上述语句,如果他有localStorage数据,首先我会向他显示列表,然后我在线检查并在必要时重定向到登录。每当我有两个$state或$locations时,它就会循环。就像浏览器几乎死机一样,幸运的是它是Chrome。我得到了Cann

javascript - 如何配置 Angular ui-router 不使用严格的 URL 匹配模式

ui-router0.2.11版本介绍optiontoturnoffstrictURLmatching,但我不知道如何实际使用它。我试过标准配置,因为他们使用intests:app.config(function($urlMatcherFactoryProvider){$urlMatcherFactoryProvider.caseInsensitive(true);$urlMatcherFactoryProvider.strictMode(false);});这些设置都不起作用,所以我想要么我做错了什么,要么它被窃听了。似乎也没有关于它的文档。 最佳答案

javascript - 更改状态时保留同级 ui-views - ui-router

本题基于"HowcanIpersistsiblingui-viewswhenchangingstate"(plunker)。当我在主导航(mainNav)中更改状态时,我尽量保持View(内容)不变。内容只能由子导航设置,更改主导航时保留。是否有可能在ui-router中保留一个View,即使状态为left?angular.module('MyApp',['ui.router']).config(function($stateProvider,$urlRouterProvider){$urlRouterProvider.otherwise('/');$stateProvider.sta

javascript - Vue.js 中的内联反转 bool 值 @click

对于一个简单的演示,我想反转我在Vue.js实例的数据属性中定义的bool值。我尝试过的:Toggle和Toggle我想避免编写单独的方法或在我的v-on:click="":spanVisible中包含类似的东西?!spanVisible:!spanVisible因为它只是多余的。所以现在我的问题主要是:为什么直接反相不起作用?我还有什么其他的可能性可以让它简短明了?编辑:我现在发现的最短的可能变体是使用spanVisible=!spanVisible,但不确定这是否是可用的最简洁的版本。解决方案:@Sombriks在评论中提出了我找到的最佳解决方案:使用@click="!spanVi

javascript - vue 2、typescript、mocha 和 karma 的代码覆盖率

我们将Vue2与Typescript和webpack3结合使用。Vuex用于状态管理。我们的测试与Karma以及Mocha、Sinon、Expect和Avoriaz一起运行。一切都很好,但我尝试使用Istanbul获得代码覆盖率,以更好地直观表示缺少哪些测试。文件夹结构的小型表示来源组件分享按钮按钮.vue按钮.tsindex.ts...测试单位组件分享按钮按钮.spec.test.tskarma.conf.jskarma.coverage.jsindex.ts...按钮.vuebutton.tsimport{Component,Prop,Vue}from'vue-property-d