Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby-on-rails-4/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当我尝试使用filter vue js 3时出现白色屏幕_Javascript_Arrays_Vue.js_Javascript Objects_Vuejs3 - Fatal编程技术网

Javascript 当我尝试使用filter vue js 3时出现白色屏幕

Javascript 当我尝试使用filter vue js 3时出现白色屏幕,javascript,arrays,vue.js,javascript-objects,vuejs3,Javascript,Arrays,Vue.js,Javascript Objects,Vuejs3,我有一个待办事项列表,我正试图像这样显示尚未完成的待办事项 {{todos.value.filter(item=>item.done.length}}items left它不显示错误,但显示如下白色页面 有人知道这里的问题吗?看起来您使用的是ref属性,不需要使用模板部分中的值即可访问该属性: <p id="todosLeft"> {{ todos.filter(item => item.done).length }} items left</p>

我有一个待办事项列表,我正试图像这样显示尚未完成的待办事项

{{todos.value.filter(item=>item.done.length}}items left

它不显示错误,但显示如下白色页面
有人知道这里的问题吗?

看起来您使用的是ref属性,不需要使用模板部分中的
值即可访问该属性:

<p id="todosLeft"> {{ todos.filter(item => item.done).length }} items left</p>
然后直接在模板中使用它:

<p id="todosLeft"> {{ todosLength }} items left</p>

{{todosLength}}项剩余


成功了,谢谢,。所以我们只在setUp()中使用
.value
?仅在setUp钩子中使用是
<p id="todosLeft"> {{ todosLength }} items left</p>