我无法将radiobuttons绑定到模型中的布尔值.
在这个例子中:https://jsfiddle.net/krillko/npv1snzv/2/
加载时,不检查单选按钮,当我尝试更改它们时,模型中的"主要"值变为空.
我试过了:
:checked="variation.primary == true"
Run Code Online (Sandbox Code Playgroud)
但没有效果.
当导航到页面的不同参数(/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,但后来我必须手动对整个页面进行一些更新。
谢谢
重新加载浏览器时 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 …
我正在尝试匹配英尺和英寸,但我无法获得“和/或”,因此如果前半部分正确,则验证:
代码:(在 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'。