小编Pat*_*han的帖子

带有单选按钮的 VueJS 简单工具化

我的要求是这样的。

我有两个单选按钮,即活纸普通纸

如果用户选择 Live Paper 另外两个 html input elements( datatime-local,time必须显示 )。

如果用户选择了普通纸,这两个额外的输入元素应该是隐藏的。我如何通过 vueJS 实现这一点。

这是我的代码。

<div class="row">
    <div class="col">
      <input type="radio" name="paper" value="">Live Papaer
      <br>
      Live on <input type="datetime-local" name="" value="" > Time <input type="time" name="" value="">
    </div>
    <div class="col">
      <input type="radio" name="paper" value="">Normal Paper
    </div>
  </div>
Run Code Online (Sandbox Code Playgroud)

vue.js vuejs2

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

MySQL将性别作为布尔值存储在表中时将其提取为字符串

我有一张桌子叫accounts. 在那里,我有一列名为genderwhere 它的数据类型是Boolean

我想直接在我的select query. 我如何在 MySQL 中实现这一点?

mysql

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

添加预览到 html 链接标签

当我们共享一些链接时,它会显示一个链接预览图像和一些文本。我们如何添加到我们的http链接?希望我的问题很清楚。

在此输入图像描述

在此输入图像描述

html css web-deployment

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

以异步等待方式上传 Firebase 图像

async UPLOAD_IMAGES() {
      try {
        let self = this;
        var storageRef = firebase.storage().ref();
        var files = document.getElementById("photoupload").files;
        var file = files[0];
        // Create the file metadata
        var metadata = {
          contentType: "image/jpeg"
        };

        // Upload file and metadata to the object 'images/mountains.jpg'
        var uploadTask = storageRef
          .child(`${this.name}/` + file.name)
          .put(file, metadata);

        // Listen for state changes, errors, and completion of the upload.
        uploadTask.on(
          firebase.storage.TaskEvent.STATE_CHANGED, // or 'state_changed'
          function(snapshot) {
            // Get task progress, including the number of bytes uploaded and …
Run Code Online (Sandbox Code Playgroud)

javascript firebase firebase-storage

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

javaScript 过滤嵌套对象和数组

我的用例是这样的。

  1. 我有一个包含对象的数组。
  2. 每个对象都有一个名为的数组 menu
  3. 菜单数组再次遭到反对。
  4. 每个对象都有一个数组 dish_has_categories
  5. dish_has_categories数组中,如果有一个 CategoryId 的对象等于8我想过滤掉那个根对象。

我的原始数据对象

const data = [{
        menuName: "Hot dogs",
        menu: [
            {
            dishId: '1',
            dish_has_categories: [{
                CategoryId: '8'
            }]
        },
         {
            dishId: '2',
            dish_has_categories: [{
                CategoryId: '9'
            }]
        }]
    },
    {
        menuName: "Burgers",
        menu: [{
            dishId: '3',
            dish_has_categories: [{
                CategoryId: '6'
            }]
        }, {
            dishId: '4',
            dish_has_categories: [{
                CategoryId: '4'
            }]
        }]
    },
    {
        name: "Drinks",
        menu: []
    }
]
Run Code Online (Sandbox Code Playgroud)

我的期望结果是

[{
        menuName: "Hot dogs",
        menu: [ …
Run Code Online (Sandbox Code Playgroud)

javascript arrays javascript-objects

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

VueJS V-如果禁用/启用按钮

我的用例是这样的。

  1. 我有一个HTML <p>元素,其ID为“演示”。
  2. 我想通读该<p>元素v-if,如果其中的值

    元素等于“ EXPIRED ”,那么我想删除disabled按钮中的属性。

将来解释我的用例时,我想首先禁用我的按钮,当该段中的状态更新为EXPIRED时,我要从我的按钮中删除该禁用的部分。

我如何使用

  1. 计算的属性/观察者
  2. 如果

<template lang="html">
  <div class="">
    <p id="demo"></p>
    <button type="button" name="button" class="btn btn-primary" disabled>Start</button>
  </div>
</template>
Run Code Online (Sandbox Code Playgroud)

vue.js vuejs2

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

无法添加外键约束Sequelize

  1. 我创建了一个名为Reataurant的模型
  2. 我创建了另一个名为open_hours的模型
  3. 一间餐厅有很多营业时间

  4. 我正在尝试将RestaurantId列作为外键添加到迁移中的openning_hours模型中。

  5. 它给我这个错误

无法添加外键约束

为什么会发生这种情况?

在此处输入图片说明

sequelize.js

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

sendgrid 在节点js中附加一个pdf文件

您好,我正在尝试通过电子邮件发送 pdf 附件。

sgMail.setApiKey(my_key);
        fs.readFile('pdf/4.pdf', function(err, data) {

            sgMail.send({
                to          : 'dinesh@mail.com',
                from        : 'xxxxxxxxx@jdk.com',
                subject     : 'Report',
                attachments : [{filename: 'Report.pdf', 
                               content: data,
                               type: 'application/pdf',
                }],
                html        : 'bla bla'})})
Run Code Online (Sandbox Code Playgroud)

这段代码给了我一个错误

 Invalid type. Expected: string, given: object.
Run Code Online (Sandbox Code Playgroud)

但我通过另一个 stackoverflow 答案找到了这个代码片段。它表示您不需要传递内容的 uri 编码数据。(评论里的这个问题)

如何使用 Node.js 实现这一点?

node.js sendgrid

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

Vue js 将多个样式属性绑定到一个元素

这会将 background-color 属性绑定到<td>元素。

    <td :style="{backgroundColor: (props.item.release_date ? 'green' : 'transparent' ) }">
Some text
</td>
Run Code Online (Sandbox Code Playgroud)

但是,如果我不仅要绑定背景颜色,同时还要绑定前景色(正常颜色属性)怎么办。

如何将多个样式属性绑定到一个元素?

vue.js vuejs2

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

Reactjs formik 从数组中删除项目

我的组件中有这些状态。

     const [initialValues, setInitialValues] = useState({
        name: "",
        name2: "",
        items: []
      });
Run Code Online (Sandbox Code Playgroud)

namename2组合在一起形成一个数组{name: 'sss', name2: 'sss'}并推送到该items数组。推动部分没问题。唯一的问题是谁删除该数组上的项目。

这是我的代码https://codesandbox.io/s/material-demo-forked-u2qzv?file=/demo.js:260-362

普通的数组方法在这里似乎不起作用。

如何修复 React 和 Formik?

javascript reactjs formik

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