我正在使用总线允许组件通过此链接中描述的方法与其他组件交互:https://forum.vuejs.org/t/create-event-bus-in-webpack-template/4546/2 .
我有一个在创建的钩子中调用的方法,它使用总线发出一个事件.
created () {
this.getReviewDeck()
},
myMethod () {
bus.$emit('increment')
}
在另一个组件(包含在上面的组件中)中,我将事件监听器附加到创建的钩子中,如下所示:
created () {
bus.$on('increment', this.incrementCount)
},
incrementCount () {
console.log('count incremented')
}
如果我第一次访问组件一切正常,控制台将记录"计数递增"一次.但是,如果我离开组件然后导航回到它,下次"计数递增"将被记录两次,如果我离开并再次返回,它现在将被记录三次等.
我无法弄清楚究竟发生了什么或者如何最好地解决这个问题,这样每次我去组件时,消息只记录一次而不是多次.
我有一个从服务器返回的 json 对象，它具有大致如下格式的可变日期量：
[{"data":{"level":1,"sub_level":1,"value": 10},
{"data":{"level":1,"sub_level":2,"value": 23},
{"data":{"level":1,"sub_level":3,"value": 3},
{"data":{"level":2,"sub_level":1,"value": 55},
{"data":{"level":2,"sub_level":2,"value": 52}]
我正在尝试遍历数据并获得类似于以下 HTML 的输出，假设数据集中有九个元素要遍历。
基本上，我想将数据集输出到三个对象的组中，计算每组中的对象，然后对接下来的三个重复。
<div>
<span>1</span>
<ul>
<li>1 item.value</li>
<li>2 item.value</li>
<li>3 item.value</li>
</ul>
</div>
<div>
<span>2</span>
<ul>
<li>1 item.value</li>
<li>2 item.value</li>
<li>3 item.value</li>
</ul>
</div>
<div>
<span>3</span>
<ul>
<li>1 item.value</li>
<li>2 item.value</li>
<li>3 item.value</li>
</ul>
</div>
我不确定如何在 Vue.js 模板中执行此操作的最佳方法。
我想根据用户的动作动态地改变发生什么样的动画.因此,例如,当单击第一个按钮并调用离开动画时,"hello"元素应使用bounceOutRight动画.但是,如果用户单击第二个按钮,则"hello"元素应使用bounceOutLeft动画.这个例子来自vue.js 文档,我正在尝试扩展它.与在vue示例中一样,它使用animate.css库.
我尝试使用v-bind:leave-active-class ="animated bounceOutRight"但是将错误作为无效表达式抛出.
<button @click="show = !show">
Toggle Bounce Right
</button>
<button @click="show = !show">
Toggle Bounce Left
</button>
<transition
name="custom-classes-transition"
enter-active-class="animated tada"
leave-active-class="animated bounceOutRight"
>
<p v-if="show">hello</p>
</transition>
我有一个django单页应用程序。当前，当您访问网站上不存在的网址时，会显示404错误。但是，在这种情况下，我想重定向到站点的主页。我不确定是否应该使用Nginx做到这一点，或者在Django中有没有办法做到这一点？附件是我下面的Nginx文件。我尝试使用以下设置，但没有用。
error_page 404 = @foobar;
location @foobar {
return 301 /webapps/mysite/app/templates/index.html;
}
upstream mysite_wsgi_server {
# fail_timeout=0 means we always retry an upstream even if it failed
# to return a good HTTP response (in case the Unicorn master nukes a
# single worker for timing out).
server unix:/webapps/mysite/run/gunicorn.sock fail_timeout=0;
}
server {
listen 80;
server_name kanjisama.com;
rewrite ^ https://$server_name$request_uri? permanent;
}
server {
listen 443;
server_name kanjisama.com;
ssl on;
ssl_certificate /etc/letsencrypt/live/kanjisama.com/fullchain.pem;
ssl_certificate_key /etc/letsencrypt/live/kanjisama.com/privkey.pem;
ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
client_max_body_size 4G; …我正在尝试使用以下命令通过 AWS 控制台工具创建一个新的 EC2 实例：
aws ec2 run-instances --image-id ami-9abea4fb --count 1 –-instance-type t2.micro --key-name my_key_name --security-group-ids my_rule --region us-west-2
但我不断收到此错误。
Traceback (most recent call last):
File "/usr/local/bin/aws", line 27, in <module>
sys.exit(main())
File "/usr/local/bin/aws", line 23, in main
return awscli.clidriver.main()
File "/Users/davesmith/Library/Python/2.7/lib/python/site-packages/awscli/clidriver.py", line 56, in main
return driver.main()
File "/Users/davesmith/Library/Python/2.7/lib/python/site-packages/awscli/clidriver.py", line 203, in main
sys.stderr.write(str(e))
UnicodeEncodeError: 'ascii' codec can't encode character u'\u2013' in position 27: ordinal not in range(128)