是因为页面有使用图片例如：<el-image style="height: 100%" :src="info.userImage" fit="cover"></el-image>data() 方法里的数据需要这么写：data() { return { id: 0, info: { userImage: '' // 初始化一个空值 } } }然后再赋值就行了

在接收数据的结构体里面加上 gorm:"-" 就可以了type ArticleInfo struct { article.Article CategoryName string `json:"categoryName"` ImageArr []string `json:"imageArr" gorm:"-"` UserName string `json:"userName"` UserImage string `json:"userImage"` TagsArr []string `json:"tagsArr" gorm:"-"` }

index.html内添加<link href="https://cdn.bootcss.com/highlight.js/8.0/styles/monokai_sublime.min.css" rel="stylesheet"> <script src="https://cdn.bootcss.com/highlight.js/8.0/highlight.min.js"></script>main.js 内添加import hljs from 'highlight.js'; Vue.directive('hljs', el => { let blocks = el.querySelectorAll('pre code'); Array.prototype.forEach.call(blocks, hljs.highlightBlock); });使用页面内 加上 v-hljs 即可<div style="text-align: left;padding: 15px" v-html="list.content" v-hljs></div>

// 测试笛卡尔积计算// 测试笛卡尔积计算 const dk = ref([ ['白色', '黑色', '紫色'], ['L', 'XL', 'XXL'], ['123', '456', '789'], ]) const dkFunc = (array) => { if (array.length < 2) { return array[0] || [] } return array.value.reduce((data, currentValue) => { var res = [] data.forEach(t => { currentValue.forEach(cv => { if (t instanceof Array) { res.push([...t, cv]) } else { res.push([t, cv]) } }) }) return res }) } console.log('--------', dkFunc(dk))

美不胜收、

是的，没错确实是你看到的，但是有个可能是有人想让你看到的