小编Div*_*wat的帖子

SwiftUI WKWebView 检测 url 更改

我是一个快速学习者。我使用 SwiftUI,它是一个结构体,我必须实现一个 WKWebView,并且其中的 url 正在动态更改。我必须捕捉这些不断变化的网址,但我尝试过的解决方案不起作用。

例如:https : //stackoverflow.com/a/48273950/10088243 我试过这个代码块,但它不起作用,它给了我一些编译器错误:

import SwiftUI
import WebKit

struct ContentView: UIViewRepresentable, WKNavigationDelegate {

    let request = URLRequest(url: URL(string: "https://apple.com")!)

    func makeUIView(context: Context) -> WKWebView  {
    let preferences = WKPreferences()
    preferences.javaScriptEnabled = true
    preferences.javaScriptCanOpenWindowsAutomatically = true

    let configuration = WKWebViewConfiguration()
    configuration.preferences = preferences
    let webView = WKWebView(frame: .zero, configuration: configuration)
    webView.allowsBackForwardNavigationGestures = true


    return webView
}

override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) { 
 // 'override' can only …
Run Code Online (Sandbox Code Playgroud)

ios swift wkwebview swift5

7
推荐指数
3
解决办法
9846
查看次数

在vue.js的子组件中创建传递的道具的本地副本?

在vue.js中,在不更改父数据的情况下编辑prop的正确方法是什么?我的意思是,每当我们在vue.js中将任何属性从父对象传递给子对象时,如果我们在子组件中对该属性进行任何更改,那么更改也将反映在父组件中。

vue.js中有什么方法可以在子代中对传递的属性进行本地复制?

我用谷歌搜索,但是到处都写到我们可以做到这一点。

 props:["user"],
  data(){
    return {
      localUser: Object.assign({}, this.user)
    }
  }
Run Code Online (Sandbox Code Playgroud)

这里给用户传递了一个对象,我正在本地用户中创建它的副本,但是它根本不起作用,本地用户未定义。

您是否遇到过这样的情况,您必须更改子组件中的父属性而不影响父组件的状态,即在子组件中创建自己的副本然后进行编辑?

任何对此的见解都会有所帮助。

我还读过在vue@2.3.3中的某个地方?当我们想将道具从父亲传递给孩子时,我们需要手动创建本地数据来保存道具,这会使很多无用的工作成为现实。

我们可以像这样手动创建本地数据:

props: ['initialCounter'],
data: function () {
    return { counter: this.initialCounter }
}
Run Code Online (Sandbox Code Playgroud)

但这对我来说也不起作用。我正在将vue cli 3.0.1用于开发目的。

这是我的相同代码。

在我的应用程序中,我有一个列表视图。

在此处输入图片说明

当用户单击“ 查看焦点视图”按钮时,用户将被重定向到以下提到的视图,即实际上是引导程序-模式视图。

在此处输入图片说明

在这里,用户可以编辑Name的值,但是由于我在这里将name作为来自aprent组件的属性进行传递,因此在此处进行编辑会导致其在父组件上以及列表视图中也进行更新。

deep-copy vue.js vue-component vuejs2 vue-cli

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

在对话框打开时关闭 matMenu?

我在单击 matMenu 中的项目时触发了一个对话框,但问题是当对话框打开时 matMenu 不会关闭。我希望它在对话框打开后立即关闭,当您单击页面中的某个位置时它会关闭,但我希望它在对话框打开后关闭。

这是 matMenu 的代码片段。

  <button mat-icon-button [matMenuTriggerFor]="menu" #menuTrigger="matMenuTrigger" (mouseup)="menuTrigger.closeMenu()">
    <mat-icon>more_vert</mat-icon>
  </button>
  <mat-menu #menu="matMenu" xPosition="before" >
    <button mat-menu-item (click)="openUpdateQuestionDialog($event,currentSelectedQuestion)">
      Edit
    </button>
    <button mat-menu-item (click)="confirmDeleteQuestion($event,currentSelectedQuestion)">
      Delete
    </button>
  </mat-menu>
Run Code Online (Sandbox Code Playgroud)

我正在尝试不同的方法来使其发挥作用,但没有运气。

material-design angular-material angular

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

通过单击输入元素内部来停止事件传播

我在这里遇到一个奇怪的问题,我有一个div具有连接到它的点击事件,inputon-blur事件和button连接到它有click事件。


<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
<div onClick='div()'>
<input onBlur='input()' />
<button onClick='button(event)'> ABCD </button>
</div>
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

以下是单击按钮时调用的函数。

function input(event){
    console.log('input')
    event.stopPropagation();
}

function button(event) {
  console.log('button')
  event.stopPropagation();
}

function div(){
  console.log('div')
}

Run Code Online (Sandbox Code Playgroud)

我在这里遇到的问题是,如果我在输入框内单击,那么它会记录div函数内部的内容,我试过了event.stopPropagation(),但它似乎不起作用有什么办法让它起作用吗?即 - 在单击输入时不记录 div 中的内容。

这是一个同样的Bin

javascript event-listener dom-events

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

git clone连接被拒绝

我很新,正在尝试为我的Econotag建立环境。使用本指南 https://github.com/malvira/libmc1322x/wiki/libmc1322x 我收到一条错误消息。

user@instant-contiki:~$ git clone git://git.devl.org/git/malvira/libmc1322x.git
Cloning into 'libmc1322x'...
fatal: unable to connect to git.devl.org:
git.devl.org[0: 209.208.78.21]: errno=Connection refused
Run Code Online (Sandbox Code Playgroud)

如何解决这个问题

git contiki

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

点击时删除 mat-btn 覆盖?

我有一个垫子菜单下拉菜单,其中有一个垫子按钮。我想删除用户单击下拉菜单后出现的覆盖层。

我可以通过编写以下 css 来删除悬停覆盖。

.no-hover-effect ::ng-deep .mat-button-focus-overlay {
  background-color: transparent;
}
Run Code Online (Sandbox Code Playgroud)

这就是 mat-button 的 html 代码的样子。

    <div class="mat-menu-wrapper mat-menu-size" [matMenuTriggerFor]="abc">
      <button mat-button class="mat-button no-hover-effect">
        <span class="mat-button-wrapper"><span class="mat-menu-text">
            xyz</span>
        </span>
      </button>
      <mat-menu #abc="matMenu">
        <button mat-menu-item>
          xyz
        </button>
        <button mat-menu-item>
          xyz
        </button>
      </mat-menu>
      <mat-icon class="mat-icon-ui">arrow_drop_down
      </mat-icon>
    </div>
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

css angular-material angular angular-material-6

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