小编bbs*_*nbb的帖子

如何在 Vue 3 中执行 Vue.set() ?

正如此处所解释的,Vue 3 移动了全局 Vue 实例上可用的一堆功能。它们现在被命名为进口。这让我觉得我应该能做到import {set} from 'vue',但我做不到。它不在那里。set()在哪里?

vue.js vuejs3

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

如何在Vue中使用窗口大小?(如何检测软键盘?)

在我使用Vue的移动网络应用程序中,我想在软键盘弹出时隐藏我的页脚.所以我有一点功能来测试窗口高度与窗口宽度的比例......

showFooter(){
    return h / w > 1.2 || h > 560;
}
Run Code Online (Sandbox Code Playgroud)

...我在我的数据中声明了window.innerHeight/window.innerWidth.

    data: { h: window.innerHeight, w: window.innerWidth }
Run Code Online (Sandbox Code Playgroud)

麻烦的是,当window.innerHeight改变时,我的h属性不会获得新值.我该怎么看window.innerHeight?

vue.js

14
推荐指数
5
解决办法
4万
查看次数

为什么调用focus()会破坏我的CSS转换?

这个 html文件显示了3面板布局.当我更改面板时,"左"属性上的css过渡给我一个很好的滑动效果.这一切都有效但是,当我更换面板时,我想将焦点放在新面板的输入上.任何人都可以告诉我为什么对focus()的调用打破了css转换,并让我在两个面板之间中途停留?它只发生在前进.如果我注释掉过渡,它就有效,如果我将调用延迟到具有超时的focus(),它就可以工作.

问题出现在Chrome,IE和Firefox中.

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Sliding Bug</title>
    <style>
        #wrapper {
            width: 100%;
            height: auto;
            overflow: hidden;
        }

        #panelContainer {
            position: relative;
            transition: left 1000ms ease;
        }

        .panel {
            float: left;
        }
    </style>

</head>
<body>
    <div id="wrapper">
        <div id="panelContainer">
            <div id="panel0" class="panel" style="background-color: #888;">
                panel zero
                <input id="btn0" class="focussable" type="button" onclick="slide(1);" value="forward" />
            </div>
            <div id="panel1" class="panel" style="background-color: #AAA;">
                panel 1
                <input id="btn1" class="focussable" type="button" onclick="slide(2);" value="forward" />
                <input type="button" onclick="slide(0);" value="back" />
            </div> …
Run Code Online (Sandbox Code Playgroud)

javascript html5 css-transitions

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

提交表格.如何引用表单元素?

我想从一个方法中从我的Vue页面做一个经典的表单提交.我不想使用输入类型=提交.如何从我的方法中引用页面中的表单元素?当然我不必做document.getElementById()?

标记

<div id="vueRoot">
  <form>
    <input name="vitalInformation" v-model="store.vital">
    <a href="#" v-on:click="submit">SUBMIT</a>
  </form>
</div>
Run Code Online (Sandbox Code Playgroud)

var store = {vital:''};
vm = new Vue({
  el : "#vueRoot",
  data : {store : store},
  methods : {
    submit : function(){
      //I'm ready, how do I do it ??
    }
  }
});
Run Code Online (Sandbox Code Playgroud)

的jsfiddle

vue.js

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

在 Vitest 中,如何断言 console.log() 发生了?

问题就在标题里。对于 Jest 来说就是这样console.log = jest.fn()。如何获取并分析我正在测试的代码的控制台输出?

vitest

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

柏。为什么我的路由别名不匹配?

我对ocr / receipt的POST请求从未匹配。我有...

  • 创建了一个匹配** / ocr / **的路由,指定了POST,并为其指定了别名。
  • wait()了长超时。

我可以在网络窗格中看到请求完成,而等待微调框在测试窗格中愉快地转动。赛普拉斯为什么不匹配此路线?

beforeEach(function () {
    cy.route('POST','**/ocr/**').as('ocr');
});
it('Création frais depuis le bouton « appareil photo »', function () {
    cy.get('.in-progress').first().click()
    cy.wait('@ocr', {'timeout':15000});
    cy.get('#grpChoices > :nth-child(1)').click();
});
Run Code Online (Sandbox Code Playgroud)

在此处输入图片说明

cypress

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

为什么xamarin不能找到我的java sdk

由于我卸载了32位java并安装了64位jdk和jre,因此xamarin无法再找到jdk.xamarin构建文件生成以下错误...

2> C:\ Program Files(x86)\ MSBuild\Xamarin\Android\Xamarin.Android.Common.targets(349,2):错误:找不到Java 6或7 SDK.(从http://www.oracle.com/technetwork/java/javase/downloads下载.)

我如何告诉Xamarin我的Jdk的新位置?

xamarin

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

Vue路由器。Root Vue没有数据?

我正在努力使Vue-Router成为现实。我习惯像这样实例化Vue ...

vm = new Vue({
   el : '#vueRoot',
   data : { msg : 'hello' }
   ...
})
Run Code Online (Sandbox Code Playgroud)

现在,我被要求通过路由器实例化它...

vm = new Vue({
   router  
}).$mount('#vueRoot');
Run Code Online (Sandbox Code Playgroud)

我的问题是,我应该将我的datamethods或其他我通常会使用的其他Vue属性放在哪里?我看到我的根Vue可以带有router-link元素的标记。我是否了解,一旦使用路由器,一切都应该放在组件中吗?

vue.js vue-router

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

在cypress中,如何等待页面加载?

不要告诉任何人,但我们的应用程序尚未单页.我可以通过为路由提供别名来等待给定的XHR请求,但是如何等待某个导航完成并且浏览器安全地位于新页面上?

cypress

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

Angular2中唯一性的自定义验证器

我有一个Angular2表单字段.我想要求输入的值不存在.我的组件通过@Input参数接收现有值的数组.我的组件中有一个自定义验证器函数codeUnique(),但是当它被执行时,它无法访问实例成员."this"返回FormControl或undefined.我的验证器函数已被吸入外部空间,剥离了它的上下文和实例变量.如何将现有值列表添加到验证器中?我可以把它们放在全球范围内,恐怖吗?

import { Component, Input, Output, EventEmitter } from '@angular/core';
import { NG_VALIDATORS, FormControl, FormBuilder, FormGroup, Validators, AbstractControl } from '@angular/forms';

import { ReferringAppModel } from './referringapp.model';
//import { CodeValidator } from './code-validator';

@Component({
    selector: 'add-client-form',
    templateUrl: 'src/home/add-client-form.component.html'
})
export class AddClientFormComponent {
    myForm: FormGroup;
    code: AbstractControl;
    name: AbstractControl;

    constructor(fb: FormBuilder) {
        this.myForm = fb.group({
            'code': ['', this.codeUnique],
            'name': ['', Validators.required]
        });
        this.code = this.myForm.controls['code'];
        this.name = this.myForm.controls['name'];
    }
    @Input() referringApps: ReferringAppModel[];

    ngOnInit() {
    }
    onSubmit(form: any): void {
        console.log("submitted") …
Run Code Online (Sandbox Code Playgroud)

typescript angular

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