我正在使用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值不会被动,因此不会更新或者其他东西,但也许有人可以确认/证明我错了.
目前,Istio不支持完全自动化的证书程序.标准入口通过cert-manager支持这一点.是否可以将用于认证管理的标准入口配置与用于其他内容的istio相结合?这种组合的缺点是什么?
ssl-certificate kubernetes google-kubernetes-engine istio cert-manager
我试图打破这段代码[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) 我刚开始使用vuex和vue.我(大致)理解文档.我有一个特定的问题,我不确定是否应该使用vuex,如果是的话,如何去做.
我有一个应用程序,其中mapbox地图在各种布局和组件等无处不在.因为我将制作几个vue单个文件组件,但正在使用一个相同的mapbox地图实例,我认为有了mapbox是有道理的在vuex商店中启动和管理的地图.因此,例如,当我更改地图布局或其他内容时,它将反映在所有组件中.
当我继续朝着这个方向前进时,我对以下几点感到困惑:
我试过以下:
制作了一个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) 在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/used:here。
在同一页面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作为参数会以某种方式使这失败?
在 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 的文档中,我只是发现您在按钮单击事件上编写了一个函数..?!
我是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) 我没有经验的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
我究竟做错了什么?
这工作正常: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/
关于小提琴的评论:
javascript ×5
vue.js ×4
vuejs2 ×4
kubernetes ×2
vuex ×2
cert-manager ×1
css ×1
gis ×1
html ×1
istio ×1
jquery ×1
mapbox-gl-js ×1
node.js ×1
orm ×1
python ×1
python-2.7 ×1
sequelize.js ×1
shapefile ×1
ubuntu-12.04 ×1