Vue学习------------（13）过滤器filters

 

computed默认调用的是getter方法，不能传参，想要传递参数得用setter设置好再用getter取

这里还可以用methods

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
    <div id="app">
    	  <ul>
    	  	<li v-for="item in prices">{{item | showPrice}}</li>
    	  </ul>
    </div>
    <script src="../js/vue.js"></script>
    <script>
        const app=new Vue({
            el : '#app',     
            data: {
            	   prices: [85, 25.25, 45, 36.1]
            },
            filters: {
            	   showPrice(price) {
            	   	return '￥'+price.toFixed(2);
            }
        })
    </script>
</body>
</html>

　　

posted @ 2021-03-16 14:55  455994206  阅读(63)  评论(0)    收藏  举报