我开始玩vuejs(2.0).我构建了一个包含一个组件的简单页面.该页面有一个带有数据的Vue实例.在那个页面上,我注册并将组件添加到html.该组件有一个input[type=text]
.我希望该值反映在父(主Vue实例)上.
如何正确更新组件的父数据?从父级传递绑定的prop并不好,并向控制台发出一些警告.他们的文档中有一些东西,但它不起作用.
我打开控制台(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
我会感激任何帮助.
提前致谢.
我使用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)
提前致谢.
我有一个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) 我现在很高兴与路由器合作.我想导航到另一个页面,我使用以下代码:
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的使用是否超出我的想法?如果没有,怎么用呢?
提前致谢
我正在尝试从AVA迁移到Jest.在AVA中,您可以设置环境中的ava.setup
设置jsdom
.例如,创建DOM结构并执行必要的polyfill(localStorage).
我如何在Jest中实现这一目标?目前,我正在使用beforeEach
每个测试套件,这不是最好的解决方案.
提前致谢!
我是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
任何帮助表示赞赏.
亲切的问候.
我正在进行e2e测试.我有一个确认弹出窗口在页面上不存在,直到我点击一个按钮.一旦确认弹出窗口被创建,我就从那里的元素中获取文本.
之后,我单击OK按钮,这会导致从DOM中删除确认弹出窗口,并且还会向DOM添加一个新元素,其值为我之前获得的文本.
问题是,因为getText()返回一个promise,当我进行比较时,屏幕上没有第一个元素,测试失败.
如果我确实期望屏幕上的确认弹出窗口,我可以看到确认弹出元素的文本.
Jasmine期望()如何解决这个承诺?
提前致谢
我有以下功能签名:
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)
一切正常,但是当我到达这个方法时,它不会抛出异常(虽然对象是我的模拟).
我认为我的设置不正确.
我尝试了很多变化,现在我有点沮丧.
我会放更多的代码,但它是受限制的.我要上传的每件作品都应该改变,所以请原谅我的信息便宜.
希望它足够了,有些人可以帮助我.
我有一个很大的 js (es6) 项目,我开始迁移到打字稿。首先我把所有的js文件都改成了ts。然后我执行 tsc 来编译项目。tsc 输出大量错误。我想修复所有这些,但需要一些时间。在这段时间里,我仍然想要编译项目,因为我知道它按预期工作。
有没有办法编译时仍然有错误?我认为失败的导入是一个大问题,它会停止,但可以肯定的是,当前项目中不存在此错误。我知道我可以使用编译器选项禁用检查,但我正在寻找一种更简单的方法。在那儿?:)
c# ×2
javascript ×2
moq ×2
unit-testing ×2
vue.js ×2
ava ×1
babeljs ×1
css ×1
ecmascript-6 ×1
html ×1
jasmine ×1
jestjs ×1
jsdom ×1
protractor ×1
source-maps ×1
typescript ×1
vue-loader ×1
vue-router ×1
vuejs2 ×1
webpack ×1