小编Oto*_*man的帖子

React 将布尔值传递给组件

我试图将布尔值传递给我的组件,以便它可以根据图像的真假来显示图像,但我不太确定如何继续。

这是代码:

布尔值传递给组件:

<SomeComponent showImage={false}/>
Run Code Online (Sandbox Code Playgroud)

尝试在组件上使用它:

const TheImage = showImage => (

      <div align="center">
        {showImage ? (<img src={ImageIwant} alt="The image i want" width="80%" height="80%" />) : ''}
        <p>Here is the image</p>
      </div>); 
Run Code Online (Sandbox Code Playgroud)

我是新来反应的,我不知道为什么这不起作用。

reactjs

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

使用 Axios 取消之前的 API 请求

我正在尝试按照 Axios 文档取消对 URL 的重复请求,但是虽然我没有收到任何错误,但请求并未被取消。我仍然可以通过以下方法做任何我想做的事情。

import axios from 'axios'

getData({commit,state,dispatch}, id){
      const CancelToken = axios.CancelToken;
      const source = CancelToken.source();
      axios
      .get("http://15.100.100.100:9999/getData/" + id,{
        cancelToken: source.token
      }).catch(function (thrown) {
        if (axios.isCancel(thrown)) {
          console.log('Request canceled', thrown.message);
        } else {
          console.log("cancel error")
        }
      })
    },
Run Code Online (Sandbox Code Playgroud)

我按照这里找到的 Axios 文档https://github.com/axios/axios#cancellation

编辑:Kaushik Makwana 的答案是正确的,但在我的情况下,我没有保存在常规变量中,而是将其保存在一种状态,因为我的 axios 调用是在我的 store.js 文件中进行的。

javascript vue.js axios

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

Window.open() 不适用于谷歌浏览器

在我的 vue.js 应用程序中,我尝试打开一个新选项卡槽window.open(),但每当我这样做时,都会打开一个新选项卡,并在加载任何内容之前立即关闭。window.open()在 Firefox 上工作得很好,window.location.replace也能正常工作。

为什么window.open()不工作?

openWindow(info) {
      window.open('http://10.100.100.100:9999/window?someInfo=' + info);
    },
Run Code Online (Sandbox Code Playgroud)

PS:我还尝试了以下代码只是为了看看会发生什么,它工作得很好。

openWindow(info) {
      window.open("http://www.google.com");
    },
Run Code Online (Sandbox Code Playgroud)

javascript window.open vue.js

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

如何在跳过一些文件和目录时集中移动文件

我正在尝试编写一个shell脚本来移动所有文件,除了以.sh 和结尾的文件.py.我也不想移动目录.

这是我到目前为止所得到的:

cd FILES/user/folder
shopt -s extglob
mv !(*.sh|*.py) MoveFolder/ 2>/dev/null 
shopt -u extglob
Run Code Online (Sandbox Code Playgroud)

这将移动除包含.sh或的所有文件以外的所有文件.py,但所有目录也会移入MoveFolder.

我想我可以重命名文件夹,但是其他脚本已经为他们的工作分配了这些文件夹,因此重命名可能会给我带来更多麻烦.我也可以添加文件夹名称,但每当有人创建文件夹时,我都必须将其名称添加到脚本中,否则它也会被移动.

如何改进此脚本以跳过所有文件夹?

bash shell glob

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

如何使用 axios 下载包含多种类型文件的 zip

在我的 vueJs 应用程序中,我有以下 axios POST api 调用,该调用应该返回我希望保存在 .zip 文件夹中的多个文件。但是,当我使用以下 axios 方法时,我无法打开我的 zip,并且出现错误,提示“myfolder.zip 无效”。

如何正确下载response.data?

这是方法。我在原始调用正文中发送了一些所需的信息以及需要上传的文件,以便我可以获得需要下载的其他文件。

upload() {
      console.log("uploading")
      let formData = new FormData();
      let gerarMenus = "on";
      let zipName= "test";
      let var1= "on";
      let var2= "on";
      let var3= "on";
      let var4= "on";
       this.files.forEach((f,x) => {
         formData.append('file'+(x+1), f);

       });
       formData.append('zipName', zipName);
         formData.append('var1', var1);
         formData.append('var2', var2);
         formData.append('var3', var3);
         formData.append('var4', var4);

       axios
         .post("/myUrl/downloadFile", formData)
         .then((response) => {
           console.log(response.data)
            const url = window.URL.createObjectURL(new Blob([response]));
            const link = document.createElement('a');
            link.href = url;
            link.setAttribute('download', zipName+ '.zip'); …
Run Code Online (Sandbox Code Playgroud)

javascript vue.js axios

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

Python枕头如何拍摄屏幕截图或将文本转换为图像

美好的一天。

在我的工作中,有时我必须使用脚本从数字或ID中获取一些信息。就像下面的例子:

我使用的脚本:

$sh script.sh 9999999999999 abc    
Run Code Online (Sandbox Code Playgroud)

屏幕上显示的信息:

number: 9999999999999

SQL*Plus: Release 1.2.3.4 Production on Wed Jan 10 12:35:22 2017

Copyright (c) 1982, 2011, Oracle.  All rights reserved.


Connected to:
Oracle Database Enterprise Edition Release 1.2.3.4 - 32bit Production
With the Partitioning, OLAP, Data Mining and Real Application Testing options


NUMBER||','||SERVICE||','||CONTRACT_DATE||','||COMFIRMATION
--------------------------------------------------------------------------------
9999999999999,SERVICE_NAME_1,01-OCT-13 10.44.30 AM,Y
9999999999999,SERVICE_NAME_2,08-DEZ-14 09.52.57 AM,N
9999999999999,SERVICE_NAME_3,26-FEB-16 11.42.30 AM,Y

Disconnected from Oracle Database Enterprise Edition Release 1.2.3.4 - 32bit Production
With the Partitioning, OLAP, Data Mining and Real …
Run Code Online (Sandbox Code Playgroud)

python pillow

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

Shell Bash检查文件名是否包含字符串

我在创建一个if语句来检查我的目录中的文件是否有名称中的某个字符串时遇到了问题.

例如,我在某个目录中有以下文件:

file_1_ok.txt
file_2_ok.txt
file_3_ok.txt
file_4_ok.txt
other_file_1_ok.py
other_file_2_ok.py
other_file_3_ok.py
other_file_4_ok.py
another_file_1_not_ok.sh
another_file_2_not_ok.sh
another_file_3_not_ok.sh
another_file_4_not_ok.sh
Run Code Online (Sandbox Code Playgroud)

我想将包含的所有文件复制1_ok到另一个目录:

#!/bin/bash
directory1=/FILES/user/directory1/
directory2=/FILES/user/directory2/


string="1_ok"
cd $directory

for every file in $directory1
do
    if [$string = $file]; then
        cp $file $directory2
    fi
done
Run Code Online (Sandbox Code Playgroud)

更新:

更简单的答案是由Faibbus做出的,但如果你想删除或只是移动没有你想要的特定字符串的文件,请参考Inian.

其他答案也是有效的.

bash shell

0
推荐指数
1
解决办法
6659
查看次数

Vuetify 编辑 v-data-table

再会。我正在尝试编辑我的 v-data-table 以满足我对行和语言的个人需求。我设法编辑了一些字段,但我找不到一种方法来编辑“1-50 of 300”中的“of”。

我正在阅读文档,但我不知道如何更改它。

v-数据表

这是我当前的 v-data-table 文档:

   <v-data-table
    :headers="headers"
    :items="myItems"
    :search="search"
    no-results-text='LMAO NO DATA'
    rows-per-page-text='Data'
    :rows-per-page-items="[5, 50, 100, {text:'EVERYTHING', value: -1}] "
    class="elevation-3"
   >
Run Code Online (Sandbox Code Playgroud)

编辑:Sejir Ben Ali 的回答是正确的,但如果您出现 eslint 错误,请尝试使用:

<template v-slot:[`footer.page-text`]="props">
      itens {{ props.pageStart }} - {{ props.pageStop }} of {{ props.itemsLength }}
</template>
Run Code Online (Sandbox Code Playgroud)

vue.js vuetify.js

0
推荐指数
1
解决办法
6792
查看次数

Vuetify 数据表条件列渲染

如何根据我的值之一是 true 还是 false 显示或隐藏 vuetify 数据表列?

假设我有以下基本数据表和数据,我希望能够隐藏我希望的任何列。就像我不想看到任何与碳水化合物或蛋白质有关的东西。

<template>
    <v-content>
        <v-data-table
          :headers="headers"
          :items="desserts"
          :items-per-page="5"
          class="elevation-1"
        >
        </v-data-table>
    </v-content>
</template>
<script>
    export default {
    name: 'someTable',
    computed: {
    },
    components: {
        //
    },

    data: () => ({
        test: true,
        headers: [
              {
                text: 'Dessert (100g serving)',
                align: 'start',
                sortable: false,
                value: 'name',
              },
              { text: 'Calories', value: 'calories' },
              { text: 'Fat (g)', value: 'fat' },
              { text: 'Carbs (g)', value: 'carbs' },
              { text: 'Protein (g)', value: 'protein' }
            ], …
Run Code Online (Sandbox Code Playgroud)

javascript vue.js vuetify.js

0
推荐指数
1
解决办法
5653
查看次数

标签 统计

vue.js ×5

javascript ×4

axios ×2

bash ×2

shell ×2

vuetify.js ×2

glob ×1

pillow ×1

python ×1

reactjs ×1

window.open ×1