小编jee*_*rbl的帖子

如何在VueJS组件中监听窗口滚动事件?

我想听听Vue组件中的窗口滚动事件.这是我到目前为止尝试的内容:

<my-component v-on:scroll="scrollFunction">
    ...
</my-component>
Run Code Online (Sandbox Code Playgroud)

随着scrollFunction(event)正在我的组件方法来定义,但它似乎并没有工作.

任何人都知道如何做到这一点?

谢谢!

javascript vue.js vuejs2

35
推荐指数
6
解决办法
5万
查看次数

每30秒自动刷新一次页面

我有一个JSP页面,它必须显示正在运行的各种作业的状态.其中一些工作需要时间,因此它们的状态需要一段时间才能从处理更改为完成.

拥有一个每隔30秒左右刷新页面的javascript函数是一个好主意吗?有一个不断刷新页面的脚本有什么后果吗?

另一个选项是有一个刷新按钮,点击它会刷新页面.

html javascript

29
推荐指数
4
解决办法
10万
查看次数

Git默认合并提交消息不包括冲突

在从origin/base分支到我的feature分支进行合并之后,我不得不解决文件上的一个冲突Parameter.java.我启动了我的Git合并工具,我解决了它.解决之后,我执行了一个git commit并使用默认的合并提交消息打开了Vim.

事实是,这个默认提交消息包含冲突列表,但从一开始#,因此它们将在提交消息中被忽略.

Merge remote-tracking branch 'origin/base' into feature

# Conflicts:
#       Parameter.java
#
# It looks like you may be committing a merge.
# If this is not correct, please remove the file
#       .git/MERGE_HEAD
# and try again.

# Please enter the commit message for your changes. Lines starting
# with '#' will be ignored, and an empty message aborts the commit.
# On branch feature
# All …
Run Code Online (Sandbox Code Playgroud)

git merge commit

11
推荐指数
2
解决办法
2913
查看次数

如何避免在Vue.js接管之前在页面上显示{{expr}} flash?

例如,我在一个页面中有一些大量的跨度(超过300个),每个跨度都有{{expr}}绑定来显示其内容:

<span>{{expr}}</span>
Run Code Online (Sandbox Code Playgroud)

在页面加载后,文字{{expr}}将在VueJS接管之前闪烁显示在页面上并显示实际的绑定值.这对客户来说很糟糕,有没有办法避免它?

vue.js

9
推荐指数
1
解决办法
2485
查看次数

如何在angularjs中进行单元测试时模拟$ location

这是我的运行块,我rootScope根据位置路径设置了几个属性:

angular.module('xyz').run(['$rootScope', '$location', '$route', function($rootScope, $location, $route){
    $rootScope.brand = $location.path().split('/')[1];
    $rootScope.appName = $rootScope.brand.split('.')[2];
});
Run Code Online (Sandbox Code Playgroud)

这是失败的单元测试:

beforeEach(module('App'));

beforeEach( inject( function( $controller, _$location_, $rootScope) {
    $location = _$location_;
    $scope = $rootScope.$new();
    AppCtrl = $controller( 'AppCtrl', { $location: $location, $scope: $scope });
}));
it('AppCtrl has been initialized', inject( function() {
    expect( AppCtrl ).toBeTruthy();
}));
Run Code Online (Sandbox Code Playgroud)

沿着这些方向尝试了一些事情:

it('should set the default category to match the category_id found in location.hash', function() {
    $browser.setUrl('http://server/#/categories/2');
    $browser.poll();
    scope.$eval();
    $browser.xhr.flush();
    expect(ctrl.selectedCategory).toBe('2'); 
}); 
Run Code Online (Sandbox Code Playgroud)

没有帮助.

unit-testing angularjs

7
推荐指数
1
解决办法
9454
查看次数

量角器测试元素是否为空

<div id='messagesDiv'></div>

我想测试这个div元素是空的.

var messagesDiv = element(by.id('messagesDiv'));
expect(messagesDiv).to...
Run Code Online (Sandbox Code Playgroud)

我怎么做到这一点?

javascript protractor

5
推荐指数
2
解决办法
2424
查看次数

vue.js 模板中的语言特殊字符编码错误

我刚开始学习Vue.js,已经有问题了。特殊字符在模板中编码错误。

<template>
    <div class="navbar">
        <span>VOD</span>

        <ul class="menu">
            <li v-if="user">Konto</li>
            <li v-if="!user">Zaloguj si?</li>
        </ul>
    </div>
</template>
Run Code Online (Sandbox Code Playgroud)

它显示如下:Zaloguj si?。在内置 js 中,它看起来像这样:Zaloguj si???。变量中的文本也是如此。这是 Vue.js 的正常行为吗?

javascript vue.js

5
推荐指数
1
解决办法
5933
查看次数

为什么在指令的链接功能中对$ scope进行的更改未在UI上反映出来?

AngularJS指令的link功能更改隔离范围数据未反映在UI中.

这是一个例子:

var myApp = angular.module('myApp', []);

myApp.directive('myDirective', function () {
    return {
        restrict: 'A',
        template: '<span>Title: {{myParams.title}}</span>',
        scope: {
            myParams: '='
        },
        link: function ($scope) {
            // the new value is not reflected in ui
            $scope.myParams.title = 'this is myDirective';
        }
    };
});
Run Code Online (Sandbox Code Playgroud)

HTML:

 <div my-directive my-params="{title: 'this is title'}"></div>
Run Code Online (Sandbox Code Playgroud)

我想要显示HTML页面,this is myDirective但实际上它是this is title.

另外,你能解释为什么它会这样显示.谢谢

javascript angularjs angularjs-directive

4
推荐指数
1
解决办法
125
查看次数

我可以在不使用az参数的情况下关闭SVG路径吗?

我可以完成一个我启动它的路径,它将被视为关闭或是否Z必须使用该命令?

例如,是这样

path d="M150 0 L75 200 L225 200 L150 0" stroke="black" fill="none"
Run Code Online (Sandbox Code Playgroud)

与此相同

path d="M150 0 L75 200 L225 200 Z" stroke="black" fill="none"
Run Code Online (Sandbox Code Playgroud)

或者在第一个和第二个例子中的同一点(150,0)有两个点?

svg svg-path

4
推荐指数
1
解决办法
444
查看次数

ECONFLICT无法找到合适的角度版本

这些是我在文件中的依赖项bower.json.他们中的大多数都与AngularJS有关.

"dependencies": {
  "angular": "~1.3.0",
  "jquery": "~2.1.1",
  "requirejs": "~2.1.15",
  "angular-resource": "~1.3.0",
  "requirejs-domready": "~2.0.1",
  "requirejs-plugins": "~1.0.3",
  "bootstrap-sass-official": "~3.3.0",
  "requirejs-text": "~2.0.12",
  "bourbon": "~4.0.2",
  "jQuery-Tag-This": "~1.1.0",
  "angular-masonry": "~0.9.1",
  "intl-tel-input": "~3.7.1",
  "ngInfiniteScroll": "~1.2.0",
  "moment-jalaali": "~0.3.3",
  "owl.carousel": "*",
  "persian-datepicker": "~0.3.6",
  "persian-date": "~0.1.8",
  "angular-ui-router": "~0.2.14",
  "angular-cookies": "~1.3.15"
}
Run Code Online (Sandbox Code Playgroud)

当我运行时bower install,它给我输出错误ECONFLICT Unable to find suitable version for angular:

bower doc-ready#1.0.x                   validate 1.0.4 against git://github.com/desandro/doc-ready.git#1.0.x
bower get-style-property#~1.0.4           cached git://github.com/desandro/get-style-property.git#1.0.4
bower get-style-property#~1.0.4         validate 1.0.4 against git://github.com/desandro/get-style-property.git#~1.0.4
bower matches-selector#~1.0.2             cached git://github.com/desandro/matches-selector.git#1.0.3
bower matches-selector#~1.0.2           validate …
Run Code Online (Sandbox Code Playgroud)

angularjs bower

2
推荐指数
1
解决办法
6906
查看次数

如何在 AngularJS 中生成的模板中添加静态 HTML?

有没有办法在生成的模板中添加静态 HTML?

我有那个代码:

<test></test>
<test></test>

<script>
var app = angular.module("myApp", []);
app.directive("test", function() {
    return {
        template:
        '<div class="wrapper">' +
        '<div class="content">' +
        '</div>' +
        '</div>'
    };
});
</script>
Run Code Online (Sandbox Code Playgroud)

...然后,我想<p>foo</p>在 first 内添加(见下面的黄色注释)<content>,但不是在 second 内。所以,输出应该是:

<test>
    <div class="wrapper">
        <div class="content">
            foo
        </div>
    </div>
</test>

<test>
    <div class="wrapper">
        <div class="content">
        </div>
    </div>
</test>
Run Code Online (Sandbox Code Playgroud)

我该怎么做?

jsFiddle在评论中被问到。

注意:这只是 SO 示例。在实际代码中,应该添加更复杂的HTML标记,而不是简单的<p>foo</p>. 例如,它可以添加如下内容:<div class="..."><p>...</p><p>...</p></div>。或者,也许是一些 HTML 表格。这就是我想要的。

javascript angularjs

1
推荐指数
1
解决办法
1102
查看次数

使用 VueJS 访问 URL

我正在尝试访问这样的 URL:

methods: {
    show (file) {
        this.$router.go('/file/' + file.path + '?token=' + localStorage.getItem('jwt-token'));
    }
}
Run Code Online (Sandbox Code Playgroud)

我不是要转到组件。我只想转到以下网址:

'/file/' + file.path + '?token=' + localStorage.getItem('jwt-token')
Run Code Online (Sandbox Code Playgroud)

但它不起作用。它将我重定向到主页。

我怎样才能做到这一点?

javascript vue.js vue-router

0
推荐指数
1
解决办法
5363
查看次数