草庐IT

vue-filter

全部标签

javascript - Vue.js 2,从指令更改数据

使用单文件组件,如何从指令更改数据属性?例如,我有...exportdefault{name:'app',data:function(){return{is_loading:true}},directives:{do_something:{bind:function(el,binding,vnode){//Changetheis_loadingproperty}}}}起初我以为我可以做this.is_loading=false但this是undefined。 最佳答案 要在指令中引用this,您可以简单地使用vnode.contex

javascript - lodash/js : Filtering values within an object based on regular expressions and getting the highest by comparison

对于下面的json[{"index":"xyz",...},{"index":"abc1234",...},{"index":"xyz",...},{"index":"abc5678",...}...我想分别过滤掉abc值和xyz值。我尝试了以下方法来获取值varx=_.filter(jsonData,function(o){return/abc/i.test(o.index);});它可以提供过滤后的输出。现在我想获得最高的abc值,如果有值abc123,abc444,abc999那么代码应该返回abc999。我可以使用lodash再次循环,但这是否可以在一次调用中完成-在同一个过滤

前后端分离:Spring Boot + Vue + 微信小程序 宝塔面板部署教程自用

前言:部署小程序后台(非云开发)需要:1.一台云服务器(购买三个月以上,不然域名备案不了)2.备案了的域名(小程序上线审核非常麻烦,域名一定要提前备案,通过审核大概要十几天)一、购买服务器,注册域名并备案阿里云或腾讯云都可,哪个便宜买哪个。腾讯云的轻量服务器就有自带的宝塔面板,免安装。阿里云也有,好好找一下。1.安装宝塔面板,服务器有可略过。宝塔Linux面板安装教程-2022年2月18日更新-7.9.0正式版-Linux面板-宝塔面板论坛 什么系统就找对应的命令在终端安装。2.在云服务器的安全组这里,打开对应端口端口作用8888宝塔默认端口80http默认端口443https默认端口22ss

javascript - 找不到模块 : Error: Can't resolve './app/index.vue' vue. js 组件导入 ES6

我仍在练习将webpack2与vuejs和babel一起使用,但遇到了这个错误。我不知道到底缺少什么。ERRORin./src/main.jsModulenotfound:Error:Can'tresolve'./app/index.vue'in'E:\xampp\htdocs\webpack-practice\src'@./src/main.js3:0-43似乎错误来self尝试在此处导入vue组件的行//filesrc\main.jsimportVuefrom'vue'importAppComponentfrom'./app/index.vue'constvm=newVue({el

javascript - Vue - 使用 Prop 将类名添加到组件

我想使用以下Prop在Vue中制作一个自定义组件:text=要在链接中显示的文本。icon=显示在链接旁边的图标的标识符。我的组件有以下.Vue模板。{{text}}exportdefault{props:['text','icon'],data(){return{}}}本质上,我的模板中有默认的Font-Awesome代码:我想通过使用它的prop向我的组件添加一个类。谢谢。 最佳答案 因此,当您的属性icon持有值home时,您可以像下面这样使用一些类绑定(bind)(谢天谢地,在Vue.js中attributes中允许使用js

javascript - JS (ES6) : Filter array based on nested array attributes

我有一个数组,看起来像这样:constpersons=[{name:"Joe",animals:[{species:"dog",name:"Bolt"},{species:"cat",name:"Billy"},]},{name:"Bob",animals:[{species:"dog",name:"Snoopy"}]}];现在我想根据物种进行过滤。例如:每个养猫的人,都应该返回:constresult=[{name:"Joe",animals:[{species:"dog",name:"Bolt"},{species:"cat",name:"Billy"},]}];我试过这样的fil

javascript - gulp-filter 没有正确过滤掉排除的文件

我正在尝试在一个项目中使用gulpjs而不是grunt。在我的代码上运行jsHint时,我试图使用gulp过滤器忽略vendor库。我的代码基于自述文件示例中的代码,但文件未被过滤。我正在运行Node0.10.26、gulp3.8.0和gulp过滤器0.4.1我正在尝试在包含许多其他JS文件目录的目录wcui/app/js上运行jshint,总共大约有120个js文件。我只想排除vendor目录。我的代码是这样的:vargulp=require('gulp');vargulpFilter=require('gulp-filter');varjshint=require('gulp-js

javascript - 如何将数据(json)传递给 vue 实例

我有一个简单的Vue实例,并且想在没有HTTP请求的情况下将json从后端传递到vue,因为它总是相同的。我试过用Prop来做这个,但它不起作用......在DOM中它看起来像Vue调试工具将图像显示为空字符串,并在控制台中显示undefinednewVue({el:'#my-component',props:['prices'],mounted:function(){console.log(this.image);},});哪里$pricesjson编码的数组。 最佳答案 您的解决方案就快完成了,但您不需要prop,而是使用数据属

javascript - 是否可以在 Vue 数据元素更改时触发函数?

我的API为我提供了一个散列值,我在AJAX调用中收到该散列值。AJAX响应的内容(包括哈希)正在更新我的Vue实例中的data组件(以便按照Vue的常规用法修改DOM)。我想知道是否有可能在特定data元素发生变化时触发(运行)一个函数。ReactivityinDepth没有提到这一点,对我来说(如果这是错误的,请纠正我)computed和methods是一种间接为DOM提供新计算元素的方法(换句话说,它们不会因为特定元素被修改而启动,而是data和提供给DOM的其他变量之间的同步方法。我希望得到类似的东西(这是无效的、不正确的伪代码,我只是将它添加到Vue实例的上下文中):varv

javascript - Vue.js - 没有 Webpack 的 Vuex?

我正在使用ASP.Net网页(vbRazor),并且在使用它设置Webpack时遇到了问题,并且在stackoverflow(HowtosetupASP.NETCore+Vue.Js?)的其他地方被建议在没有构建系统的情况下简单地使用vue.jsCDN.问题是:如果现在能够使用Vuex进行状态管理会很棒,但似乎所有示例都使用webpack-无论如何都没有构建系统或vuex的替代品来创建数据存储和维护vue的react性?谢谢,很抱歉这个不常见的问题-我知道大多数人都使用webpack! 最佳答案 如果没有包生成器,您可以使用适用于v