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)
}
},
说明:数据是收到的,在模板语法上使用过。
就是说为啥子?望解答!
【相关推荐】
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
},