小编Kri*_*lko的帖子

Vue:将无线电绑定到布尔值

我无法将radiobuttons绑定到模型中的布尔值.

在这个例子中:https://jsfiddle.net/krillko/npv1snzv/2/

加载时,不检查单选按钮,当我尝试更改它们时,模型中的"主要"值变为空.

我试过了:

:checked="variation.primary == true"
Run Code Online (Sandbox Code Playgroud)

但没有效果.

vuejs2

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

Nuxt 不会更新路线更改

当导航到页面的不同参数(/category/ato /category/b)时,Nuxt 不会更新页面

我有一个/pages/category/_id使用加载数据的页面fetch。第一次加载时它工作正常,但是当导航到另一个类别(使用nuxt-link)时,页面不会更新。

触发了fetch,但是页面内容没有更新。浏览器中的 URL 已更改。

到目前为止,我尝试过以下一些事情:

  • 添加watchQuery: ['id'],and watchQuery: ['page'],(我以为 page 是一个关键字)
  • 在页面上添加一个:key列表渲染组件
  • 既用于使用nuxt-link$router.push用于导航

我没有收到任何错误消息。

我希望 nuxt 将其视为转到另一个页面。我正在考虑使用beforeRouteUpdate,但后来我必须手动对整个页面进行一些更新。

谢谢

vue.js vue-router vuejs2 nuxt.js

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

Nuxt:asyncData 和 Fetch 不会在浏览器重新加载时运行

重新加载浏览器时 asyncData 和 Fetch 只运行后端,而不是在浏览器中。

为了消除其他问题,我使用以下设置设置了一个空白的 Nuxt 安装:

项目名称testproject
项目描述我的发光 Nuxt.js 项目
使用自定义服务器框架
选择安装Linter / Formatter、Prettier 的功能
使用自定义 UI 框架
使用自定义测试框架
选择渲染模式通用
选择包管理器npm

我将整个替换为pages/index.vue

<template>
  <h1>Hello world</h1>
</template>

<script>
export default {
  asyncData: function() {
    console.log('async data')
  },
  fetch: function() {
    console.log('fetch')
  }
}
</script>
Run Code Online (Sandbox Code Playgroud)

为了允许控制台日志我更改.eslintrc.js

rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
  }
Run Code Online (Sandbox Code Playgroud)

它适用于第一次加载和导航,但不适用于浏览器重新加载(用户启动的 command-R …

nuxt.js

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

正则表达式 (JavaScript):匹配英尺和/或英寸

我正在尝试匹配英尺和英寸,但我无法获得“和/或”,因此如果前半部分正确,则验证:

代码:(在 JavaScript 中)

var pattern = "^(([0-9]{1,}\')?([0-9]{1,}\x22)?)+$";

function testing(input, pattern) {
        var regex = new RegExp(pattern, "g");
        console.log('Validate '+input+' against ' + pattern);
        console.log(regex.test(input));
    }
Run Code Online (Sandbox Code Playgroud)

有效的测试应该是:

  • 1'
  • 1'2"
  • 2"
  • 2(假设为英寸)

无效的应该是: * 任何其他内容,包括空 *1'1'

但我的正则表达式匹配invalid 1'1'

javascript regex validation

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

标签 统计

nuxt.js ×2

vuejs2 ×2

javascript ×1

regex ×1

validation ×1

vue-router ×1

vue.js ×1