草庐IT

vue-filter

全部标签

javascript - 嵌套的 vue.js 实例/元素

这听起来像是一个真正的菜鸟问题,但我对MVVM还是JS中的MVC还是很陌生,所以提前道歉。我正在尝试使用vue.js,到目前为止我很喜欢它的简单性。但对于我正在尝试做的事情,我认为我需要以不同的方式去做。我想将Vue实例/元素嵌套在彼此内部,但是当然,父级将在初始化时读取DOM时使用子级。为了论证,下面是我的意思的一个例子,我没有做这样的事情,但这是举例说明我的意思的最简单的方法:{{message}}{{message}}例如我的JS将是:newVue({el:"body",data:{message:"I'mtheparent"}});newVue({el:"#another",d

javascript - Array.prototype.filter() 的就地替代方法是什么

我有一个数组,我想从中删除一些元素。我不能使用Array.prototype.filter(),因为我想就地修改数组(因为它节省了内存分配,而且对我来说更重要的是,它使我的代码更简单用例)。是否有我可以使用的filter的就地替代方案,可能类似于Array.prototype.forEach()canbeusedasanin-placevarianttoArray.prototype.map()的方式?编辑:应要求提供的最小示例:functionsomeCallback(array){//dosomestuffarray.filterInPlace(function(elem){var

javascript - Vue 模板或渲染函数尚未定义,但我两者都没有使用?

这是我的主要javascript文件:importVuefrom'vue'newVue({el:'#app'});我的HTML文件:使用运行时构建的Vue.jsWebpack配置:alias:{'vue$':'vue/dist/vue.runtime.common.js'}我仍然遇到这个众所周知的错误:[Vuewarn]:Failedtomountcomponent:templateorrenderfunctionnotdefined.(foundinrootinstance)为什么当我在挂载Vue的#appdiv中什至没有任何东西时,我仍然收到渲染/模板错误?它说foundinroo

javascript - Vue-路由器错误: TypeError: Cannot read property 'matched' of undefined

我正在尝试编写我的第一个Vuejs应用程序。我正在使用vue-cli和simple-webpackboilerplate.当我将vue-router链接添加到我的应用程序组件时,我在控制台中收到此错误Errorinrenderfunction:"TypeError:Cannotreadproperty'matched'ofundefined"这是我的代码:App.vueLinksHomeQueryexportdefault{}ma​​in.jsimportVuefrom'vue'importVueRouterfrom'vue-router'Vue.use(VueRouter)impor

javascript - underscore的map和filter如何达到最大效率?

是否可以将Underscore的过滤器和map结合起来?我目前有两个单独的函数调用,但我想知道我是否可以通过某种方式将它们组合成一个调用来提高它们的效率。基本上我有一个国家/地区名称数组-我想使用正则表达式过滤它们,然后将过滤后的结果映射到一个DataItem对象数组。这是我当前的代码:varfilteredData=_.filter(allCountries,function(n,i){varre=RegExp("^"+searchString,"i");if(re.exec(n['country'].toLowerCase())!==null){returntrue;}});var

javascript - Vue js 2-无法安装组件 : template or render function not defined

我有一个组件:我想使用vue-mask-inputplugin作为子组件:这是整个组件:OverviewBorn{{player.birthday}}-->Club{{player.club}}Position{{player.position}}Height{{player.height}}Weight{{player.weight}}kgFoot{{player.foot}}Agent{{player.agent}}Athleticperformance40mtime4.3s100mtime11.1sVerticaljump65cmimportMaskedInputfrom'vue

javascript - Axios/Vue - 防止 axios.all() 继续执行

在我的应用程序中,为了对用户进行身份验证,我调用了fetchData函数。如果用户token无效,应用程序将运行axios.all(),我的拦截器将返回大量错误。如何防止axios.all()在第一个错误后继续运行?并且只向用户显示一条通知?拦截器.jsexportdefault(http,store,router)=>{http.interceptors.response.use(response=>response,(error)=>{const{response}=error;letmessage='Ops.Algodeerradoaconteceu...';if([401].i

javascript - Vue JS 返回 [__ob__ : Observer] data instead of my array of objects

我创建了一个页面,我想在其中通过API调用从数据库中获取我的所有数据,但我对VueJS和Javascript也有点陌生,我不知道我在哪里弄错了。我确实使用Postman对其进行了测试,我得到了正确的JSON。这是我得到的:[__ob__:Observer]length:0__ob__:Observer{value:Array(0),dep:Dep,vmCount:0}__proto__:Array这就是我想要的:(140)[{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…},{…

javascript - 在 Vue.js 中包含全局函数

在我的Vue.js应用程序中,我想要一些全局函数。例如,每次我需要访问数据时都可以调用的callApi()函数。包含这些函数以便我可以在我的所有组件中访问它们的最佳方法是什么?我应该创建一个文件functions.js并将其包含在我的main.js中吗?我应该创建一个Mixin并将其包含在我的main.js中吗?有更好的选择吗? 最佳答案 我有一个功能类似于func.js的文件像下面一样exportconstfunc={functionName:(data)=>{returnsomething}}在main.js中添加2个字符串im

学习Vue3 第二十五章(TSX)

小满Vue3(第二十五章tsx&vite插件)_哔哩哔哩_bilibili 视频教程完整版用法请看 @vue/babel-plugin-jsx-npm我们之前呢是使用Template去写我们模板。现在可以扩展另一种风格TSX风格vue2的时候就已经支持jsx写法,只不过不是很友好,随着vue3对typescript的支持度,tsx写法越来越被接受1.安装插件npminstall@vitejs/plugin-vue-jsx-Dvite.config.ts配置import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importv