关于#vue.js#生命周期问题,请各位专家解答!

mounted(){
        console.log(this.message.isdianz)  
 //输出结果   null
        console.log(this.message)         
//输出结果
         //isdianz: false
        //label: "vue.js"
        //nickname: "dd"
        //publishTime: "2023-08-13"
        //title: "Vue项目中v-bind动态绑定src路径不成功问题及解决"

//主要是这里想判断,但也想弄明白为什么
        if(this.message.isdianz==false){
            this.dianZhan.src=require('../../assets/dianzhan2.png');
            console.log(this.message.isdianz)
        }
    },

说明:数据是收到的,在模板语法上使用过。
就是说为啥子?望解答!

【相关推荐】



  • 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7497726
  • 这篇博客也不错, 你可以看下使用Vue.js编写购物车组件(附常见错误解析、运行结果动图以及源码)
  • 您还可以看一下 汤小洋老师的【精品课】Vue.js实现电商后台管理系统(企业项目实战)课程中的 实现添加角色的功能小节, 巩固相关知识点
  • 除此之外, 这篇博客: Vue.js时间格式化处理中的 7.由于后台传到前台的数据是字符串类型,所以我们现将时间字符串转化为时间戳,再把时间戳转为自己想要的格式 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

    7.1创建一个通用工具类dateUtil.js代码:

    import moment from "moment";
    
    function dateFormat(data) {
    
        return moment(new Date(data).getTime()).format('YYYY-MM-DD HH:mm');;
    
    }
    
    export {
    
        dateFormat
    
    }

    7.2然后在组件中引入dateUtil.js

    import { dateFormat } from '../utils/dateUtil';

    7.3在methods方法中定义该js名称。

    methods: {
    
            // 加载用户分页数据
    
            dateFormat,
    
    …………
    
    …………

    7.4在需要格式化时,直接将后台传过来的对象遍历得到时间,将时间传到该方法中即可:

     this.tableData = resp.data.data.list;
    
          for(let i = 0; i < this.tableData.length; i++) {
    
                this.tableData[i].updateTime = this.dateFormat(this.tableData[i].updateTime)
    
          }


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^

这个message是json对象?如果不是json对象就有问题

应该是数据异步导致的,你的this.message是在哪里赋值的?

//message
export default {
    data(){
        return{
            message:{ 
                title:'', 
                content:'',
                nickname:'',
                publishTime:'',
                label:'',
                aid:'',
                isdianz:false,//当前文章是否已经点赞  默认false
            },