{"id":557,"date":"2020-03-02T16:59:57","date_gmt":"2020-03-02T08:59:57","guid":{"rendered":"https:\/\/blog.cqdefxxx.com\/?p=557"},"modified":"2020-03-02T16:59:57","modified_gmt":"2020-03-02T08:59:57","slug":"vue-%e8%bf%87%e6%bb%a4%e5%99%a8%ef%bc%88filter%ef%bc%89","status":"publish","type":"post","link":"https:\/\/blog.viter.top\/index.php\/2020\/03\/02\/vue-%e8%bf%87%e6%bb%a4%e5%99%a8%ef%bc%88filter%ef%bc%89\/","title":{"rendered":"Vue-\u8fc7\u6ee4\u5668\uff08filter\uff09"},"content":{"rendered":"
<!DOCTYPE html>\n<html>\n<head>\n<meta charset=\"utf-8\">\n<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\">\n<title>Examples<\/title>\n<meta name=\"description\" content=\"\">\n<meta name=\"keywords\" content=\"\">\n<link href=\"\" rel=\"stylesheet\">\n<style>\n\n<\/style>\n\n<script src=\"https:\/\/unpkg.com\/axios\/dist\/axios.min.js\"><\/script>\n<script type=\"text\/javascript\" src=\"lib\/vue.js\"><\/script>\n<\/head>\n<body>\n\n    <!-- <h1 class=\"animated hinge infinite\">1111111111111<\/h1> -->\n\n    <div id=\"box\">\n       <ul>\n         <li v-for=\"data in datalist\">\n            {{data.nm}}\n           <!--  <img :src=\"handlePath(data.img)\"\/> -->\n           <img :src=\"data.img | kerwinpath\"\/>\n\n           {{ data.img | kerwinpath }}\n         <\/li>\n       <\/ul>\n    <\/div>\n\n    <script>\n\n      \/\/\u8fc7\u6ee4\u5668 ---- \u6570\u636e\u683c\u5f0f\u5316\n      Vue.filter(\"kerwinpath\",function(path){\n        return path.replace('w.h','128.180')\n      })    \n\n\n      var vm = new Vue({\n        el:\"#box\",\n        data:{\n          isShow:true,\n          datalist:[]\n        },\n\n        mounted(){\n          axios.get(\"test.json\").then(res=>{\n            console.log(res.data);\n            this.datalist = res.data.movieList\n          })\n        },\n\n        methods:{\n          handlePath(path){\n            console.log(path);\n            return path.replace('w.h','128.180');\n          }\n        }\n      })\n\/\/\"http:\/\/p0.meituan.net\/w.h\/moviemachine\/f7d2ad70eb79d6d9b8a197713db9b8c41711752.jpg\"\n\n\/\/ https:\/\/p0.meituan.net\/128.180\/moviemachine\/f7d2ad70eb79d6d9b8a197713db9b8c41711752.jpg\n    <\/script>\n<\/body>\n<\/html><\/code><\/pre>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
<!DOCTYPE html> <html> <head> <meta charset= …<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[9,10],"_links":{"self":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/557"}],"collection":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/comments?post=557"}],"version-history":[{"count":1,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/557\/revisions"}],"predecessor-version":[{"id":592,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/posts\/557\/revisions\/592"}],"wp:attachment":[{"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/media?parent=557"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/categories?post=557"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.viter.top\/index.php\/wp-json\/wp\/v2\/tags?post=557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}