A timestamp function is used on many pages
//HTML
{{ scope.row.createTime|formatDate }}
//js
import {formatDate} from "@/assets/js/date.js"
//
filters:{
formatDate(time) {
var date = new Date(time);
return formatDate(date, "yyyy-MM-dd hh:mm:ss");
},
}
every time this page needs to use a timestamp, I will copy the code over, which is very troublesome. Is there a good solution?
there are many ways to choose according to what you think is the best way.
can use either a global filter or a global blend.
if you are not familiar with either of these, or if you are not sure how to use them, you can write the code you need into a util tool, that is, a util.js file.
export default {
formatDate(time){
}
}
then mount it to the global in main.js:
Vue.prototype.$utils = utils;then, just use it where you need it.
this.$utils.formatDate(time)global filter
scheme 1, backend formatted time
scheme 2, since a filter is used, why not use a global filter? ide/filters.html" rel=" nofollow noreferrer "> vue document: filter
mixin extend Vue.filter use the global filter
can also do this by binding the function to the vue prototype in main.js.
Vue.prototype.formatDate=(time)=>{
var date = new Date(time);
return formatDate(date, 'yyyy-MM-dd hh:mm:ss');
}Register global filters in main.js
Vue.filter('formatDate', function(time){
var date = new Date(time);
return formatDate(date, 'yyyy-MM-dd hh:mm:ss');
})
use the global method on the official website
main.jsGlobal.js
filter
demo
Previous: Browser interrupts picture request
...
if it s HTML rendering, I know how to use it, but the project needs to use the elementUI framework, and a lot of things are packaged. filters: { statusFormat: function(value) { if( value == 1){ return ; } ...
the data given by the backend is as follows: data:[ { id:1, name:"", checked:true, children:[ { id:11, name:"", checked:true ...
...
is working on a react project recently, which involves a problem of uploading images. Use formdata, but the API returns a newline character. I ve already passed the rules. Is there any great god to take a look at it? 3. 4. I would like to than...
after each login skip to the home page, part of the js becomes invalid. To solve this problem, I refresh the code once when I enter the home page as follows: home.vue mounted:function(){ location.reload() } but now the page is always refreshing...
1. For the timestamp method found on the Internet, I put it separately in a js export function formatDate(timestamp) { var date = new Date(timestamp * 1000); 10*1000131000 Y = date.getFullYear() + - ; M = (date.getMon...
one requirement is to call WeChat Pay in the h5 page of app. How to do that? what is the process? ...
at present, the longitude and latitude can only be obtained by selecting the address of the drop-down box if I do not use the drop-down box to select the address that is typed by myself, how can I get the longitude and latitude of this address ...
it was like this at first " " <div v-for="item in list" @mouseover="hover()"> <span>{{item.icon}}< span> <span>{{item.text}}< span> <span v-show="false">< span>...
Page when I click OK, I will send the selected id to the background. HTML: <el-tree :data="data2" show-checkbox node-key="id" :default-expanded-keys="[1,4]" :default-checked-keys="[1,6]" :pr...
only main is introduced in homepage ...
token is set in the global interceptor. token, (request for landing page) ...
problem description now there is a need to generate a permission table something like this. The data sent back from the backend is of a tree structure, with five layers in the deepest layer and one layer in the shallowest layer. now I use the rec...