草庐IT

vue指令

全部标签

javascript - 在 Vue.js 中使用 Flow.js

我正在尝试使用flow.js与vue.js但我遇到了让它在.vue文件中工作的问题。我运行了vueinitwebpack、npminstall-gflow-bin,然后是npminstall和npmrundev.我能够在我的.flowconfig中忽略我的node_modules中的错误文件,但是当我尝试将//@flow添加到我的src/main.js文件的顶部时,我得到了跟随错误src/main.js:33:importAppfrom'./App';^^^^^^^./App.Requiredmodulenotfound我已经尝试将//@flow符号添加到我的src/App.vue文件

javascript - 编写依赖父构建工具的 Vue 组件的正确方法

Iimaginethisproblemwouldapplytootherframeworksthathaveabitofaplugin/componentecosystemaboutthemthatrelyonspecificbuildtools(ReactcomponentswithJSX,etc).Vueisjustmyuse-case.我以单个.vue文件的形式编写了多个Vue组件,这些组件已发布到NPM。这些组件的package.json没有列出任何依赖项,因为它们本身旨在在使用webpack、vue-loader、sass-loader等的父项目中运行。Thisisanexa

javascript - [Vue 警告] : Invalid prop: type check failed for prop "X". 预期,得到字符串

给定这个Vue2组件:Vue.component('read-more',{props:{'text':String,'clamp':{type:String,default:'ReadMore'},'less':{type:String,default:'ReadLess'},'length':{type:Number,default:100}},template:`{{truncate(text)}}=length"@click="toggle()">{{clamp}}{{text}}=length">{{less}}`,methods:{truncate(string){if(s

javascript - 使用 Vue.js 的 Firebase 电话号码身份验证不起作用

我正在基于Webpacktemplate构建一个新的Vue.js应用程序.我有一个/sign-in路由,它加载一个名为SignIn的组件。我正在尝试使用FirebasePhoneNumberauthentication使用FirebaseSDK对我的用户进行身份验证。我已经使用npminstallfirebase安装了Firebase,并在我的main.js文件中对其进行了初始化,如下所示:/src/main.jsimportfirebasefrom'firebase';importVuefrom'vue';importAppfrom'./App';importrouterfrom'.

javascript - 在 AngularJS 中评估指令属性中的表达式

我做了很多解决方法、搜索和研究,但我不知道如何实现我的目标。-问题:我有以下情况,我想避免用户可以契约(Contract)中的佣金日期重叠。当用户添加新的佣金,我们显示一个列表,其中添加了生成的佣金angRepeat,这个有难度,用户可以编辑日期。在契约(Contract)部分,这不是问题,因为对于edita契约(Contract),你必须去其他屏幕编辑它,日期不能在同一View中进行修改。-我感到困惑的地方:当我编辑一个添加的佣金时,我必须将它与之前添加的另一个进行比较,所以,我想要一个列表,其中定义了所有佣金的日期,并且可以在指令中说,开发一个函数,该函数返回一个列表,其中包含所有

javascript - AngularJS 1.4.3 ngRepeat 在具有隔离范围的指令中使用时打印 {{ variableName }} 而不是值

在我们将项目的AngularJS从1.2.28升级到1.4.3后,隔离范围内的ngRepeat停止评估变量。它开始打印“{{variableName}}”而不是值。编辑:问题是由iOS8Webkit错误的补丁引起的:https://github.com/angular/angular.js/issues/9128问题来自ngRepeat周围的包装HTML元素。如果我删除它,它工作正常。如果我删除隔离范围,它也会起作用。最奇怪的是,我在CODEPEN上尝试了相同的方法,它工作得很好,但在我们的项目上却不行。这是codepen代码:http://codepen.io/anon/pen/YX

javascript - 使用 browserify 异步/延迟加载 Vue 组件

我试图在laravel项目中将许多Vue.js组件加载到我的app.js文件中(通过elixir使用browserify/vueify)。我不想一次加载每个组件,而是想在需要时使用vuerouter延迟加载各个vue组件。.我在哪里设置partitionbundlejson文件,它应该如何构建?目前,我将以下内容绑定(bind)到我的主要app.js文件中:importVuefrom'vue';importResourcefrom'vue-resource';importVueRouterfrom'vue-router';//ThesearethecomponentsthatIwish

javascript - 如何在 Vue.js 中测试计算属性?无法模拟 "data"

我想知道如何在Vue.js的单元测试中测试计算属性。我已经通过vue-cli(基于webpack)创建了一个新项目。例如这是我的组件:exportdefault{data(){return{source:[]}},methods:{removeDuplicates(arr){return[...newSet(arr)]}},computed:{types(){returnthis.removeDuplicates(this.source))}}}我试过这样测试it('shouldremoveduplicatesfromarray',()=>{constarr=[1,2,1,2,3]co

javascript - 在运行时分配 Angular 结构指令

我正在尝试在运行时将Angular代码中的*ngIf指令分配给模板。无法找到一种方法来做到这一点。view/templateref是执行此操作的选项还是有不同的方法和更简单的方法。首先有可能吗?更新:代码有点乱,乱七八糟的,避而远之。但这是DOM代码的大致外观以及我需要动态添加内置结构指令的原因。更新我正在做一个基于userProvidedValue的获取请求值和获取请求的结果决定了fetchArraywithHttpFromuserProvidedValue大批。二、基于fetchArraywithHttpFromuserProvidedValue的值从获取请求派生决定是在切换选项中

javascript - 在指令之间共享公共(public)代码

我正在研究一个Angular项目的核心,为了跨多个组件重用,我想尽可能地保持行为分离。一个示例可能是使用“iScroll”库来下拉刷新某些内容。目前,我遇到了问题,因为其中许多行为都需要它们自己的范围。我认为也许将行为包装在服务中可能是可行的方法,但我还没有真正看到过这种事情的很多例子。所以我想知道这是否是正确的方法。这是一个非常非常简单的jsfiddle示例:http://jsfiddle.net/S7kC7/varcontrols=angular.module('controls',[]);controls.service('ScrollingBehavior',function(