草庐IT

Vue-test-utils

全部标签

javascript - 如何在 Vue js 中使用其名称获取 View 或组件对象?

Javascript代码:varmain=newVue({el:"#main",data:{currentView:"top",},});vartopComponent=Vue.component('top',Vue.extend({template:"#top",}));现在,当我访问main.currentView时,我得到“top”。但是对于这个字符串'top',我如何获取组件topComponent? 最佳答案 来自VueJSguideDespitetheexistenceofpropsandevents,sometimes

javascript - 如何打破 vue.js 中的 v-for 循环?

我有这个v-for循环我的vue.js应用程序://breakifindex>20{{word}}我想在渲染20个单词后跳出循环。我怎样才能做到这一点?我看着docs但没有看到任何关于此的信息。 最佳答案 你可以在循环开始之前操作数组{{word}} 关于javascript-如何打破vue.js中的v-for循环?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/45429774

javascript - vue cli - 未捕获的语法错误 : Unexpected token <

我用vue-cli3.0创建我的项目.最初它运行正常。但是在我-c之后然后npmrunserve再次,它不断抛出错误:UncaughtSyntaxError:Unexpectedtoken表示错误发生在app.js的第一行,但我在控制台检查了实际上是来自index.html.这意味着在这个过程中的某个地方,webpack思想index.html应该转译为app.js.下面是我使用的包:vue3.0.0-rc.3@vue/cli-plugin-babel^3.0.0-beta.15@vue/cli-plugin-eslint^3.0.0-beta.15@vue/cli-service^3

javascript - 哪个更快 : if (var == 'value' ) OR if (/value/. test(var))

哪个更快:if(var=='value')或if(/value/.test(var)) 最佳答案 if(var=='value')。很多。但是,如果您真的想要快,请执行if(var==='value')。与类型强制等效相比,严格等效要做的工作要少得多。 关于javascript-哪个更快:if(var=='value')ORif(/value/.test(var)),我们在StackOverflow上找到一个类似的问题: https://stackoverfl

javascript - 这个模式是如何工作的 : 'test/e2e/**/*.spec.js' ?

我在protractor的配置文件中看到了这种模式.specs:['test/e2e/**/*.spec.js']意思是“test/e2e中的所有文件”。这是什么图案?我认为这不是正则表达式,因为那些未转义的斜线。特别是,为什么中间有**,而不仅仅是test/e2e/*.spec.js?我尝试使用搜索引擎,但没有找到任何有用的东西,可能是因为星号在搜索引擎中效果不佳。 最佳答案 Whatkindofpatternisthis?它被称为“glob”。模块glob是Node的一种流行实现,并且似乎是Protractor使用的实现。Esp

javascript - 错误 Vue.js "Cannot read property ' props' of undefined"

在gorails上做了所有事情吗?教程,但出了点问题。Chrome中的错误消息:UncaughtTypeError:Cannotreadproperty'props'ofundefinedatnormalizeProps(vue.runtime.esm.js?ff9b:1291)atmergeOptions(vue.runtime.esm.js?ff9b:1363)atmergeOptions(vue.runtime.esm.js?ff9b:1372)atVue$3.Vue._init(vue.runtime.esm.js?ff9b:4268)atnewVue$3(vue.runtim

javascript - Vue.js 和 debounce (lodash/underscore) 兼容吗?

跟随answer到我的questionondebouncing我想知道vue.js和lodash是否/underscore兼容此功能。答案中的代码varapp=newVue({el:'#root',data:{message:''},methods:{len:_.debounce(function(){returnthis.message.length},150//time)}})Length:{{len()}}当有连续输入时确实会保留我的函数的执行,但是当它在一些不活动后最终执行时,function()的输入似乎是错误的。启动上面代码后的实际例子:快速的字符序列,然后没有事件:添加了

javascript - 在 VUE JS 的 Cursor 位置插入字符

我一直在尝试在光标所在的文本区域中准确插入表情符号。我在网上查看了howtos找不到VUEJS中的任何特定内容。他们中的大多数都是纯JS。我有这个代码我的方法addEmoji(emoji){this.greeting_text+=emoji.native;this.showPicker=!this.showPicker;}显然,这段代码会将字符(在我的例子中是表情符号)添加到字符串的最后。为此,我需要一个纯vuejs解决方案。Vue中此类问题的最佳实践是什么?因为网络中很少有基于vanillaJS或Jquery的解决方案。 最佳答案

javascript - 将 Jquery 添加到 Vue-Cli 3

我目前正在尝试将Jquery添加到我的vue-cli项目中。我知道它会产生不良行为,但无论如何;由于不再有build/webpack.base.conf.js我尝试通过添加编辑vue.config.js:module.exports{...chainWebpack:config=>{config.plugin('define').tap(definitions=>{definitions[0]=Object.assign(definitions[0],{$:'jquery',jquery:'jquery','window.jQuery':'jquery',jQuery:'jquery'

javascript - [Vue warn] : Avoid using non-primitive value as key, 改用字符串/数字值

我正在构建HackerNews的克隆,但出现以下错误:vue.esm.js?efeb:591[Vuewarn]:Avoidusingnon-primitivevalueaskey,usestring/numbervalueinstead.foundin--->atsrc/components/Single.vueatsrc/App.vue错误似乎来自Single.vue但我无法工作它是什么?模板如下:{{story.title}}Score:{{story.score}}{{story.url}}{{comment.text}}{{comment.by}}{{comment.time}