小编Gal*_*Ziv的帖子

vuejs更新子组件的父数据

我开始玩vuejs(2.0).我构建了一个包含一个组件的简单页面.该页面有一个带有数据的Vue实例.在那个页面上,我注册并将组件添加到html.该组件有一个input[type=text].我希望该值反映在父(主Vue实例)上.

如何正确更新组件的父数据?从父级传递绑定的prop并不好,并向控制台发出一些警告.他们的文档中有一些东西,但它不起作用.

javascript vue.js vue-component

106
推荐指数
9
解决办法
11万
查看次数

z-index不使用位置绝对值

我打开控制台(chrome\firefox)并运行以下行:

$("body").append("<div id=\"popupFrame\" style=\"width:100%;height:100%;background-color:black;opacity:0.5;position:absolute;top:0;left:0;z-index:1;\" />");
$("body").append("<div id=\"popupContent\" style=\"width:200px;height:200px;z-index:1000;background-color:white;\" >dasdasdsadasdasdasdasdasd</div>");
Run Code Online (Sandbox Code Playgroud)

#popupContent应该是最重要的,但它受#popupFrame不透明度的影响.

内容不包含在#popupFrame中,这使得这非常奇怪.

目标是创建类似警报框的firefox

我会感激任何帮助.

提前致谢.

html css

105
推荐指数
5
解决办法
16万
查看次数

MOQ - 验证异常被抛出

我使用MOQ框架进行测试.我有一个场景,我期望抛出一个错误异常.我如何验证它被抛出?

public void Koko(List<string?> list) 
{ 
   foreach(string? str in list) 
   { 
        if (str != null) someProperty.Foo(str); 
        else throw new FormatException(); 
   } 
} 
Run Code Online (Sandbox Code Playgroud)

提前致谢.

c# unit-testing moq

25
推荐指数
6
解决办法
4万
查看次数

webpack + babel loader源地图引用空文件

我有一个es6项目,我使用webpack + babel loader捆绑.当我打开devtools时,我可以看到'webpack://'和我下面的所有源(es6).

问题是:断点没有命中,函数引用将我引导到文件名'?d41d

其中包含以下内容:

undefined


/** WEBPACK FOOTER **
 ** 
 **/
Run Code Online (Sandbox Code Playgroud)

如果我从文档脚本向下钻取到我的包中的函数,我也可以访问?d41d文件

我的webpack.config.js:

module.exports = {

    debug: true,
    devtool: 'cheap-module-eval-source-map',
    entry: "entry.js",
    output: {
        path: "C:/html5/",
        filename: "bundle.js"
    },
    module: {
        loaders: [
            {
                test: /\.js$/,
                exclude: /(node_modules|bower_components)/,
                loader: 'babel',
                query: {
                    presets: ['es2015'],
                    plugins: ['transform-object-assign'],
                    sourceMaps: ['inline']
                }
            }
        ]
    }
};
Run Code Online (Sandbox Code Playgroud)

和package.json的一部分,以防它可能有所帮助:

"devDependencies": {
    "ava": "^0.16.0",
    "babel-core": "^6.14.0",
    "babel-loader": "^6.2.5",
    "babel-plugin-transform-object-assign": "^6.8.0",
    "babel-preset-es2015": "^6.13.2",
    "cheerio": "^0.22.0",
    "chokidar-cli": "^1.2.0",
    "eslint": "^3.3.1",
    "html-to-js": "0.0.1",
    "jsdoc": "^3.4.0",
    "jsdom": "^9.4.2", …
Run Code Online (Sandbox Code Playgroud)

source-maps webpack babeljs

13
推荐指数
2
解决办法
2223
查看次数

如何使用vue-router参数

我现在很高兴与路由器合作.我想导航到另一个页面,我使用以下代码:

this.$router.push({path: '/newLocation', params: { foo: "bar"}});
Run Code Online (Sandbox Code Playgroud)

然后我希望它在新的组件上

this.$route.params
Run Code Online (Sandbox Code Playgroud)

这不起作用.我也尝试过:

this.$router.push({path: '/newLocation'});
this.$router.push({params: { foo: "bar"}});
Run Code Online (Sandbox Code Playgroud)

我已经检查了一下源代码并注意到这个属性被新对象{}覆盖了.

我想知道params的使用是否超出我的想法?如果没有,怎么用呢?

提前致谢

vue-router vuejs2

13
推荐指数
4
解决办法
3万
查看次数

如何在使用jest时设置jsdom

我正在尝试从AVA迁移到Jest.在AVA中,您可以设置环境中的ava.setup设置jsdom.例如,创建DOM结构并执行必要的polyfill(localStorage).

我如何在Jest中实现这一目标?目前,我正在使用beforeEach每个测试套件,这不是最好的解决方案.

提前致谢!

javascript jsdom jestjs ava

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

如何从方法内部访问数据

我是vue.js的新手.我开始迁移我的angularjs应用程序.我正在使用vue cli生成一个新的simple-webpack项目.这将创建一个新的webpack + vueLoader项目.一切顺利,但现在我有一个问题.在我的@click事件中我想要更改我的数据,但我无法访问该对象.'this'不是数据实例.

我在这里错过了什么?

<template>
    <input type="radio" name="account-type" @click="setAccountType(item.id)"/><span>{{item.name}}</span>
</template>
<script>
  export default {
     data() {
        return { accountType: null
     },
     methods: { setAccountType: (typeId) => this.accountType = typeId
  }
</script>
Run Code Online (Sandbox Code Playgroud)

这不是预期的数据实例,因此不会更新.在vuejs doc中,我可以看到只是在一个方法中解决这个问题就足够了: vue js doc

任何帮助表示赞赏.

亲切的问候.

vue.js vue-loader

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

Jasmine'期望'如何等待量角器承诺解决

我正在进行e2e测试.我有一个确认弹出窗口在页面上不存在,直到我点击一个按钮.一旦确认弹出窗口被创建,我就从那里的元素中获取文本.

之后,我单击OK按钮,这会导致从DOM中删除确认弹出窗口,并且还会向DOM添加一个新元素,其值为我之前获得的文本.

问题是,因为getText()返回一个promise,当我进行比较时,屏幕上没有第一个元素,测试失败.

如果我确实期望屏幕上的确认弹出窗口,我可以看到确认弹出元素的文本.

Jasmine期望()如何解决这个承诺?

提前致谢

jasmine protractor

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

MOQ设置函数抛出异常不起作用

我有以下功能签名:

T SomeMethod(Expression<Func<T, string>> param1, 
             , params Expression<Func<T, object>>[] items);
Run Code Online (Sandbox Code Playgroud)

我希望它在每次执行时抛出异常.

我尝试进行以下设置:

myMock.Setup(x => x.SomeMethod(Moq.It.IsAny<Expression<Func<SomeClass, string>>>()))
      .Throws(new Exception());
Run Code Online (Sandbox Code Playgroud)

一切正常,但是当我到达这个方法时,它不会抛出异常(虽然对象是我的模拟).

我认为我的设置不正确.

我尝试了很多变化,现在我有点沮丧.

我会放更多的代码,但它是受限制的.我要上传的每件作品都应该改变,所以请原谅我的信息便宜.

希望它足够了,有些人可以帮助我.

c# unit-testing moq

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

打字稿编译有错误的代码

我有一个很大的 js (es6) 项目,我开始迁移到打字稿。首先我把所有的js文件都改成了ts。然后我执行 tsc 来编译项目。tsc 输出大量错误。我想修复所有这些,但需要一些时间。在这段时间里,我仍然想要编译项目,因为我知道它按预期工作。

有没有办法编译时仍然有错误?我认为失败的导入是一个大问题,它会停止,但可以肯定的是,当前项目中不存在此错误。我知道我可以使用编译器选项禁用检查,但我正在寻找一种更简单的方法。在那儿?:)

typescript ecmascript-6

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