小编Léo*_*oco的帖子

我正在使用，vue-js并且element-ui

我想检查表单验证的状态，而无需单击 submit button

例子

https://jsfiddle.net/nw8mw1s2/

重现步骤

单击每个字段

验证由模糊触发

开始填充不同的输入

题

当最后一个输入被验证时，我该怎么做， isFormValidated变成true.

换句话说，我怎么能说“如果没有状态错误的字段，则变为valudateState真”

提示

我想我们可以检查validateState每个formItem表格的 。但我看不出具体怎么做。

我正在使用vue-2.4和element-ui 1.4.1。

情况

我有一个基本input的链接v-model到一个computed property。当blur我检查输入的值是否大于和小于min和max并且我要做我必须做的事情...这里没什么好看的。

问题

输入中显示的值并不总是相等 enteredValue

重现步骤

1）输入60 - >显示的值为最大，以便50与enteredValue是50（这是确定）

2）点击外面

3）输入80 ->显示的值是80和enteredValue是50

问题

我该如何解决，使显示的值始终与enteredValue？相同？

这是重现我所面对的JSFIDDLE的最少代码

    <div id="app">
  The variable enteredValue is {{enteredValue}}
  <el-input v-model="measurementValueDisplay" @blur="formatInput($event)"></el-input>
</div>

var Main = {
  data() {
    return {
      enteredValue: '',
      max: 50,
      min: 10
    }
  },
  computed: { …

vue我正在使用和的最新版本vue-chart.js。

我想自定义悬停在某个点时显示的工具提示。

问题

工具提示与默认工具提示相比没有变化

问题

如何自定义工具提示。最终，我希望能够单击工具提示中的链接来触发一个对话框，该对话框将显示从我的 vue 组件中包含的数据中获取的详细信息。

Vue.component('line-chart', {
  extends: VueChartJs.Line,
  mounted () {
    this.renderChart({
      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
      datasets: [
        {
          label: 'Data One',
          backgroundColor: '#f87979',
          data: [40, 39, 10, 40, 39, 80, 40]

        }
      ]
    }, {
      tooltips: {
        custom: function(tooltipModel) {
                // Tooltip Element
                var tooltipEl = document.getElementById('chartjs-tooltip');

                // Create element on first render
                if (!tooltipEl) {
                    tooltipEl = document.createElement('div');
                    tooltipEl.id = 'chartjs-tooltip';
                    tooltipEl.innerHTML = "<table></table>"
                    document.body.appendChild(tooltipEl);
                }

                // …

我jest在 monorepo 中使用。我想在测试我的一些项目时生成 Cobertura 报告。

Jest.config.base.js

module.exports = {
  preset: '@vue/cli-plugin-unit-jest/presets/typescript-and-babel',
  transform: {
    'vee-validate/dist/rules': 'babel-jest',
    '.*\\.(vue)$': 'vue-jest',
    '^.+\\.(ts|tsx)$': 'ts-jest',
  },
  testMatch: [
    '**/*.(spec|test).(js|jsx|ts|tsx)',
  ],
  testEnvironmentOptions: {
    // Allow test environment to fire onload event
    // See https://github.com/jsdom/jsdom/issues/1816#issuecomment-355188615
    resources: 'usable',
  },
  reporters: [
    'default',
    [
      'jest-trx-results-processor',
      {
        outputFile: './coverage/test-results.trx',
        defaultUserName: 'user name to use if automatic detection fails',
      },
    ],
  ],
  moduleFileExtensions: [
    'js',
    'ts',
    'json',
    'vue',
  ],
  testURL: 'http://localhost/',
  snapshotSerializers: [
    'jest-serializer-vue',
  ],
  runner: 'groups',
};

Jest.config（根）

const …

我正在使用vue-js 2.4和上一版本element-ui 1.4.1

我有一些下拉菜单从选项列表中进行选择,每个选项都是一个对象.在最后一次更新之前,一切都很好,但现在我遇到了几个问题select.特别是显示的标签与实际选择的选项不匹配.

突破变化:

选择值为对象时,需要使用value-key作为其唯一标识密钥,#5897

问题

我想知道如何使用新的value-key,我尝试了几件事,但它似乎没有改变这个问题.

我正在使用Laravel 5.6进行新项目laravel-mix@2.1.14。当我使用编译资产时npm run production，它们的后缀没有应有的后缀

注意

即使删除if mix.inProduction()版本也不起作用

问题

我是唯一面临这个问题的人吗？我该怎么办 ？

webpack.mix.js

let mix = require('laravel-mix');
mix.js('resources/assets/js/app.js', 'public/js')
 .sass('resources/assets/sass/app.scss', 'public/css')
 .copyDirectory('resources/assets/images', 'public/images');

if (mix.inProduction()) {
  mix.version();
}

我正在通过单个文件组件方法使用Vue.js。我的IDE是PhpStorm，我想找到一种方法，使文件<style></style>内部包含的SCSS可以.vue被很好地识别。

目前，它看起来像我所附的图片-我不知道它是安装的插件还是PhpStorm中的更改设置。

<template>
    ...
</template>

<script>

    export default {
        name: 'Tree',
        components: {

        },

    }
</script>
<style lang="scss">
   ... My SASS / SCSS / CSS
</style>

我有一个代表某些事件的数据库记录列表。每个都有一个start_time包含以下格式的日期的列：2017-10-28 22:00:00。我希望能够start_time使用 Laravel 获取列为星期五的所有记录。像这样的东西：

$fridayEvents = $q->whereDate('start_time', '=', isFriday());

isFriday()但我在用 Carbon进行创作时遇到了困难。

我想知道如何Form Element Slot与vue.js 2.3和结合使用element-ui。这里的文件。因此，我可以插入 html表格的标签。

我在jsfiddle 这里试过了。

问题

未知的自定义元素：el-form-item-slot

题

实施该方法的正确方法是什么？有关此主题的文档尚不清楚

我正在使用vue-js2.3和element-ui.

我想动态定义表单的验证规则

例

https://jsfiddle.net/cgL6y9kq/

问题

该required不动态地定义phoneMandatory

问题

如何动态更改现有规则的属性？如何动态添加或删除规则？