小编mus*_*ons的帖子

如何从javascript文件(而不是vue组件)获取vuex状态

我正在使用vuex(2.1.1)并在vue单个文件组件中工作.但是为了避免在我的vue单个文件组件中出现太多错误,我将一些函数移动到utils.js我导入到vue文件中的模块.在这里utils.js我想阅读vuex状态.我怎样才能做到这一点?因为似乎接近getter等状态是假设你是在vue组件内工作,还是没有?

我尝试import state from '../store/modules/myvuexmodule'然后引用state.mystateproperty但它总是给出'undefined',而在vue-devtools中我可以看到state属性确实有正确的值.

我在这一点上的估计是,这根本不是'走的路',因为js文件中的state.property值不会被动,因此不会更新或者其他东西,但也许有人可以确认/证明我错了.

javascript vue.js vue-component vuex vuejs2

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

证书管理的标准入口与istio结合

目前,Istio不支持完全自动化的证书程序.标准入口通过cert-manager支持这一点.是否可以将用于认证管理的标准入口配置与用于其他内容的istio相结合?这种组合的缺点是什么?

ssl-certificate kubernetes google-kubernetes-engine istio cert-manager

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

Vue子组件属性不起作用

我试图打破这段代码[A](见底部小提琴):

  <div class="q-uploader-files scroll">
      <q-item
        v-for="file in files"
        :key="file.name"
      >
        <q-progress :percentage="file.__progress"/>
        <div>
          {{ file.__progress }}%
        </div>

        <q-item-side v-if="file.__img" :image="file.__img.src">
        </q-item-side>
        <q-item-side right>
          <q-item-tile
            :icon="file.__doneUploading ? 'mdi-done' : 'mdi-clear'"
            :color="file.__doneUploading ? 'primary' : 'color'"
            @click.native="__remove(file)"></q-item-tile>
        </q-item-side>
      </q-item>
    </div>
Run Code Online (Sandbox Code Playgroud)

进入[B]基本相同的代码,然后使用子组件.在这里父母:

<div class="q-uploader-files scroll">
  <my-uploader-progress
    v-for="file in files"
    :file="file"
    :key="file.name"
    :color='color'
  >
  </my-uploader-progress>
</div>
Run Code Online (Sandbox Code Playgroud)

这里的孩子:

<template>
  <q-item>
    <q-progress
      :color="file.__failed ? 'negative' : 'grey'"
      :percentage="file.__progress"
    />
    <div>
      {{ file.__progress }}%
    </div>

    <q-item-side v-if="file.__img" :image="file.__img.src"/>
    <q-item-side v-else icon="mdi-file" :color="color"/>
    <q-item-main :label="file.name" :sublabel="file.__size"/>

    <q-item-side right> …
Run Code Online (Sandbox Code Playgroud)

javascript vue.js vue-component vuejs2 quasar-framework

8
推荐指数
2
解决办法
1055
查看次数

如何在Vuex中为地图集地图设置集中状态?

我刚开始使用vuex和vue.我(大致)理解文档.我有一个特定的问题,我不确定是否应该使用vuex,如果是的话,如何去做.

我有一个应用程序,其中mapbox地图在各种布局和组件等无处不在.因为我将制作几个vue单个文件组件,但正在使用一个相同的mapbox地图实例,我认为有了mapbox是有道理的在vuex商店中启动和管理的地图.因此,例如,当我更改地图布局或其他内容时,它将反映在所有组件中.

当我继续朝着这个方向前进时,我对以下几点感到困惑:

  1. 地图不仅仅是变量/数组,而是mapbox类映射的实例.所以我认为初始状态是一个空对象然后需要初始化.正确?
  2. 初始化是异步的,只能在页面加载后发生,我猜想.这可能就是为什么我的代码不起作用的原因!?

我试过以下:

制作了一个mapboxmap模块

mapboxmap.js

import simple from '../../components/simplestyle'
let mapboxgl = require('mapbox-gl/dist/mapbox-gl.js')

// initial state
const state = {
  myMap: {},
  mapLoaded: false
}

const mutations = {
  loadMap (state, myMap) {
    state.myMap = myMap
    state.mapLoaded = true
  }
}

const actions = {
  loadMap (context) {
    'use strict'
    mapboxgl.accessToken = 'mysecretmapboxcode'
    let myMap = new mapboxgl.Map({
      container: 'map',
      style: simple,
      hash: true,
      center: [-74.0073, 40.7124],
      zoom: 16
    })
    context.commit('loadMap', myMap)
  }
}

export default { …
Run Code Online (Sandbox Code Playgroud)

vue.js mapbox-gl-js vue-component vuex vuejs2

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

Sequelize.INTEGER 与 DataTypes.INTEGER

2016 年使用 sequelize ORM 的代码中,我看到使用此模式定义的模型类型:

 module.exports = function(sequelize, DataTypes) {
     const Tasks = sequelize.define("Tasks", {  id: {
       type: DataTypes.INTEGER,
       [ ...etc.]
Run Code Online (Sandbox Code Playgroud)

但是,在当前的续集文档中,您会看到最突出的记录:(Sequelize.INTEGER或其他类型,然后是整数)。同时,在当前的文档中,我DataTypes仍然发现documented/usedhere

在同一页面Sequelize.INTEGER上使用...,仅用于可延期或其他什么?

我试图找出这是否会随着时间的推移而改变,但找不到。

什么时候Sequelize.INTEGER是“当前解决方案”我可以将上面的代码更改为:

module.exports = function(sequelize, Sequelize) {
  const Tasks = sequelize.define("Tasks", {  id: {
    type: Sequelize.INTEGER,
    [ ...etc.]
Run Code Online (Sandbox Code Playgroud)

或者使用Sequelize作为参数会以某种方式使这失败?

javascript orm node.js sequelize.js sequelize-cli

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

如何在 Quasar 版本 ^0.14 中通过按钮创建 url 链接

在 Quasar 0.13 版本中,这样做的方法是:

    <router-link v-bind:to="'/myurladdress'" tag='button' class='primary'>Link-name</router-link>
Run Code Online (Sandbox Code Playgroud)

在 Quasar 版本 0.14.2 的文档中,我只是发现您在按钮单击事件上编写了一个函数..?!

javascript vue.js vuejs2

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

virtualenv与此系统或可执行文件不兼容

我是Linux(Ubuntu)和安装(Python)软件包的新手.我遇到了mkvirtualenv的问题,无法解决它:

~$ mkvirtualenv mysite70
New python executable in mysite70/bin/python
Traceback (most recent call last):
  File "/usr/lib/python2.7/site.py", line 562, in <module>
    main()
  File "/usr/lib/python2.7/site.py", line 544, in main
    known_paths = addusersitepackages(known_paths)
  File "/usr/lib/python2.7/site.py", line 271, in addusersitepackages
    user_site = getusersitepackages()
  File "/usr/lib/python2.7/site.py", line 246, in getusersitepackages
    user_base = getuserbase() # this will also set USER_BASE
  File "/usr/lib/python2.7/site.py", line 236, in getuserbase
    USER_BASE = get_config_var('userbase')
  File "/usr/lib/python2.7/sysconfig.py", line 577, in get_config_var
    return get_config_vars().get(name)
  File "/usr/lib/python2.7/sysconfig.py", line 476, in get_config_vars
    _init_posix(_CONFIG_VARS)
  File "/usr/lib/python2.7/sysconfig.py", …
Run Code Online (Sandbox Code Playgroud)

python-2.7 ubuntu-12.04

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

用pyproj协调转换

我没有经验的gis坐标转换,但使用此页面进行管理: http ://all-geo.org/volcan01010/2012/11/change-coordinates-with-pyproj/将shapefile坐标从EPSG:28992转换为EPSG: 4326使用python模块pyproj使用这些语句:

wgs84=pyproj.Proj("+init=EPSG:4326")
epsg28992=pyproj.Proj("+init=EPSG:28992")
pyproj.transform(epsg28992, wgs84,x,y)
Run Code Online (Sandbox Code Playgroud)

当我在Google地图中反转并输入这些坐标时,它们会给我正确的位置.所以这很好.

现在我有另一个shapefile,我查看shapefile.prj文件以确定使用了什么样的投影.ESRI WKT对应ESRI:102686,我在这里找到: http ://epsg.io/102686由于ESI:102686代码不知道pyproj(给出错误),我必须使用proj4表示法,我从同一个网站(http://epsg.io/102686):

wgs84=pyproj.Proj("+init=EPSG:4326") 
esri102686=pyproj.Proj("+proj=lcc +lat_1=41.71666666666667 +lat_2=42.68333333333333 +lat_0=41 +lon_0=-71.5 +x_0=200000 +y_0=750000.0000000001 +datum=NAD83 +units=us-ft +no_defs")
pyproj.transform(esri102686, wgs84,x,y)
Run Code Online (Sandbox Code Playgroud)

我得到了例如坐标并在谷歌地图中使用这些:60.275122729462495,-61.873986125999316这是在海洋的某个地方......

但我的结果应该是在美国的剑桥,MA,所以更多:41.00000,-71,5000000

我究竟做错了什么?

python gis shapefile

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

使用自定义汉堡包按钮使用jQuery触发MDBootstrap side-nav

这工作正常:http: //jsfiddle.net/musicformellons/ef76gud7/

现在我想使用MDBootstrap而不是Bootstrap,所以我必须改变这个jQuery代码:

$(document).ready(function () {
    $('#navbar').on('show.bs.collapse', function () {
        $('#nav-icon4').addClass('open');
    });
    $('#navbar').on('hide.bs.collapse', function () {
        $('#nav-icon4').removeClass('open');
    });
});
Run Code Online (Sandbox Code Playgroud)

使用这个侧面导航(使用我自己的动画汉堡包,请参阅小提琴):http: //mdbootstrap.com/javascript/sidenav/

我可以通过将这些添加到我的汉堡包按钮来触发我的汉堡包侧面导航:data-activates ="slide-out"class ="button-collapse"

但后来我放松了动画,因为显然不再显示引导程序导航栏崩溃.

如何将我的汉堡包动画与新的侧面导航一起使用?可能引用的jQuery代码需要完全调整?!

因此需要以下操作:(1)从另一个CSS按钮触发MD bootstrap sidenav然后其默认值(2)汉堡包动画应与sidenav保持"同步".例如:只是使用切换它可能会松开同步,因为我之前有类似的经历:Bootstrap导航栏切换不与下拉菜单同步

你可以用这个小提琴作为起点:http: //jsfiddle.net/musicformellons/rto14vzp/2/

关于小提琴的评论:

  • 忽略JS和CSS资源面板消息; 我尝试
    通过资源面板添加mdbootstrap,它不起作用,而目前的方法.
  • 对mdbootstrap(通过CDN url)的引用是指mdbootstrap的免费部分(side-nav是免费包的一部分).

html javascript css jquery twitter-bootstrap

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

GKE 集群的权限

在 Google Cloud Platform Console 中创建标准 GKE 集群后,当我单击集群并查看集群的设置 sa 'Permissions' 设置时,我发现如下所示: 在此处输入图片说明

我不明白的是我已经允许 API 访问我相信的很多这些服务,那么为什么只有“云平台”显示“已启用”?这可能是在创建集群时启用的吗?!

选择“编辑”时,您无法从此处“启用”这些服务...,那么这些权限究竟是什么?

google-cloud-platform kubernetes google-kubernetes-engine

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