小编Kal*_*reg的帖子

[Vue警告]:未知的自定义元素:<router-view> - 您是否正确注册了组件?

我在CLI模式下使用Vue 2和webpack-simple.我有以下文件:

main.js:

import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import Routes from './routes'

Vue.use('VueRouter');

const router = new VueRouter({
    routes: Routes
})

new Vue({
  el: '#app',
  render: h => h(App),
  router: router,

})
Run Code Online (Sandbox Code Playgroud)

App.vue:

<template>
  <div>
    <router-view></router-view>
  </div>
</template>

<script>

import Loader from './Loader.vue'


export default {
  name: 'app',
}
</script>

<style lang="scss">
</style>
Run Code Online (Sandbox Code Playgroud)

routes.js:

import Game from './components/Game.vue';
import Login from './components/Login.vue';

export default [
    { path: '/', component: Game, name: "Game" }, …
Run Code Online (Sandbox Code Playgroud)

vue.js vue-router

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

铬和蓝牙 - 连接,发现 - 如何使其工作?

我正在研究通过网页发现附近蓝牙设备的项目。

以下是我的限制: - 在 Windows 7 或 10 下开发,手机上的 android 5 - 外围设备是蓝牙信标 - 中央是带有 android 6 的手机

首先,我做了一个看起来像这样的页面:

<html>
<head>
  <script src="jquery-3.1.1.js"></script>
</head>
<body>

<div id="target" style="width: 100px; height: 100px; border: 1px solid red"></div>

<script>
$('#target').click(function() { 
  chrome.bluetooth.startDiscovery(function () { 
  navigator.bluetooth.requestDevice({ filters: [{ services:['battery_service'] }] })
  .then(device => {

    console.log(device);
  return device.gatt.connect();
  }).then(server => { console.log(server)}).catch(error  => { console.log(error); });
})
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

这段代码让我将蓝牙设备与名为“battery_service”的服务与网页配对。并且它正在工作(morover) - 它打开“chrome system”窗口以搜索附近的设备并找到一个,如果我已经在windows中配对它。如果没有更早配对,它将什么也找不到。Chrome 说 gatt 服务器不存在所以我无法连接它,并且对象具有 gatt 属性,该 gatt 属性具有 gatt 属性(依此类推到无穷大)

无论如何它返回device …

google-chrome bluetooth web

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

Vue - 如何使用 v-for="item in 3" 创建唯一键

我在 Vue 中有这样一个模板:

    <AutoTaskBlock  ref="block" v-for="(block, index) in 2" key="index" class="block"></autoTaskBlock>
    <AutoTaskCircle ref="block" v-for="(circle, index) in 3" key="index" class="circle"></autoTaskCircle>
Run Code Online (Sandbox Code Playgroud)

所以我确实有两个“从空中”创建的组件列表 - 我不使用任何数组来创建它 - 这有助于我使用“v-for =“(int)中的任何东西”。但是 vue警告我 v-for 制作的任何列表都需要唯一键。我想使用索引,但它是重复的,这给我没有警告但错误。我的下一次尝试是使用一些随机值

计算:{ rand() { return Math.random()*100 } }

但像这样使用它:

    <AutoTaskBlock  ref="block" v-for="(block, index) in 2" key="rand" class="block"></autoTaskBlock>
    <AutoTaskCircle ref="block" v-for="(circle, index) in 3" key="rand" class="circle"></autoTaskCircle>
Run Code Online (Sandbox Code Playgroud)

..导致同样的错误。检查后 - 计算的“rand”仅在创建时随机化,而不是稍后,因此每个都是相同的。下一次尝试是像这样创建 rand 方法:

方法:{ rand: function() { return Math.random()*100 } }

但同样 - 出现重复键错误。有没有办法使用这样的两个列表并给它们一个唯一的键?

谢谢,卡勒格:

PS:两个组件中的相同引用是我想要的,所以这里没有错误。

key vue.js

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

如何在谷歌电子表格中的多个(不同)电子表格之间共享相同的应用程序脚本

首先,我花了 3 个小时阅读了有关谷歌云、发布、项目等的文档。经过多次尝试,我意识到我错过了一些东西,所以这是我的问题。

我有两个电子表格,我们将其称为“价格”和“成本”。我想要实现的是,它们共享相同的应用程序脚本,如果我更改一个脚本,因为它是由两者共享的,所以它会在几秒钟内自动更改。

因此,我确实创建了一个应用程序脚本,该脚本在单元格中返回一个字符串(只是为了简单起见),并将其命名为 STRINGFUNCTION(); 是在 PRCES 电子表格中创建的。我的目标是让它在 COSTS 文件中工作,而无需手动输入。我预计,如果我单击“资源”>“云平台项目”并将两个电子表格中的两个应用程序脚本添加到同一项目中,它将自动运行。好吧,它不会 - 如果我在单元格中写入 =STRINGFUNCTION() 的价格它工作正常,而在成本 - 它表示该功能未知。

我怎样才能实现这一点,以便它在我的两个文件之间工作,并且如果它们都在同一个项目中,它们共享相同的功能?

google-apps-script google-cloud-platform

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