vue的渲染问题,渲染的时候说该列表的某个属性是null,但内容还是可以渲染出来。求优化。

问题是这样的,我在**vue**的**js data()**逻辑里命名了一个对象或者数组:**orderList:[]**,然后在**created()**的时候通过**axios**异步获取数据给它。
前端**template**里绑定该数组对象里的某些属性名,控制台console会报红色的该属性是**null**,但是前端可以显示内容。直接贴代码吧。

这是js:

    data () {
        return {
            orderList: {}
        }
    },

    created () {
        this.axios.get(thisUrl)
            .then(res => {
                res = res.data
                if(res.code === 0) {
                    this.orderList = res.data
                    console.log('orderList:', this.orderList);
                } else {
                    this.$notify(res.msg)
                }
            })
            .catch(err => {
                this.$notify('ERR: 获取订单详情失败,请稍后重试!')
            })
    },


这是前端template:

<span class="fontEllipsis fontColor">{{orderList.item_goods.summary}}</span>

报错截图:

图片说明

现在想到的两种方法就是:
1、orderList写成:

orderList:{
    item_goods:{
        summary
    }
}

这样的缺点是麻烦,而且后端的属性名要是一改其实这里还得改。

2、直接判断length:

<span v-if="orderList.length" class="fontEllipsis fontColor">{{orderList.item_goods.summary}}</span>

这样吧。。。又有页面样式的跳动,毕竟vif要重新渲染的。而且万一不是数组呢?万一后端给我个null呢?

问题和自己的两个解决方法就在这里,希望可以抛砖引玉,各位大神能给个更好的方法?本人有点强迫症,而且Android还好,但在ios系统会报错导致逻辑走不通页面不能显示。求指点。

Sarahhoney12_
X白夏Y 你先看一下接口请求返回的数据吧。现在这个报错直接意思是item_goods是null
8 个月之前 回复

2个回答

页面渲染好后orderList{}是空对象,绑定不到summary,所以会报错。等接口响应好了,修改了该数据出现summary,自然也就出现了。异步问题。

不过vue绑定数据后,额外添加属性,不set,即使数据更新了,也不可能渲染的出来,只能说微信开发的比较不一样吧。。没搞过微信。

MiSenLMX
boyMiSen 至于你说的set,那个是往对象里添加新属性或者改变数组才需要的。。。
8 个月之前 回复
MiSenLMX
boyMiSen 对的,渲染之前就是空的,然后从后台res数据放进去啊,所以就是想问还有没有什么办法可以避开这种报错。
8 个月之前 回复

如果有可能为null,那涉及到调用没办法,都要判断

let {orderList ={}} = this ;
let {item_goods={}} = orderList ;
return <span>{{item_goods.summary}}</span>

或者

return <span>{{orderList &&  orderList.item_goods && orderList.item_goods.summary}}</span>
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Vue脚手架创建Vue项目卡住 ?
新手,我通过Vue脚手架创建Vue项目(可视化界面上创建)的时候,每次到最后一步创建项目的时候都会卡在一个地方,请大佬们点拨点拨 ![图片说明](https://img-ask.csdn.net/upload/202002/15/1581754453_778642.jpg) ![图片说明](https://img-ask.csdn.net/upload/202002/15/1581754468_834627.jpg)
vue中echarts图无法渲染
我在父组件中定义了一个容器,然后定义了echarts图的基本配置项,在created中调用一个方法,获取后台数据,然后将数据传递到子组件中渲染echarts图,现在数据都能成功传递,但是一直无法成功渲染echarts图 以下为父组件代码 ``` // 父组件代码 <template> <div> <div class="leftChart"> <linegraph :id="'leftChart'" :data="option1" style="height:330px;width:100%"></linegraph> </div> </div> </template> <script> // 引入子组件 import linegraph from "./EchartsShow.vue"; // 引入网络请求方法 import { getSumData } from "@/api/crd/orgLimitView/orgView" export default { data () { return { // echarts图基本配置项,未定义具体数据 option1: { title: { text: '授信额度结构', subtext: '行业维度', x: 'center', top: '3%' }, tooltip: { trigger: 'item', formatter: "{a} <br/>{b} : {c} ({d}%)" }, legend: { orient: 'vertical', left: '2%', top: '2%' }, series: [ { name: '行业', type: 'pie', radius: '55%', center: ['50%', '55%'], itemStyle: { emphasis: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } } } ] }, } }, created () { this.getSum() }, methods: { getSum () { // 调用get请求方法,获取后台数据,由于进度问题,目前只能传递固定的参数,才能获取到测试数据 getSumData('1', '01000').then(res => { if (res.status != 200) { return this.$message.error('获取数据失败,请重试') } const datas = res.data.data // 由于拿到的数据非常复杂繁多,需要进行一些处理,才能拿到需要的数据 this.option1.legend.data = this.tableDatas.map(item => { // 由于后台拿到的数据,都是数字类的码值,this.dicInd[item.industry] 用来翻译后台数据 return this.dicInd[item.industry] }) this.option1.series[0].data = this.tableDatas.map(item => { return { value: item.approveExpAmount, name: this.dicInd[item.industry] } }) console.log(this.option1.legend.data, '行业'); console.log(this.option1.series[0].data, '行业带数据'); }) } }, components: { linegraph } } </script> ``` 以下为子组件代码 ``` // 子组件代码 <template> <div v-bind:id="id" v-bind:data="data"></div> </template> <script> import echarts from "echarts"; export default { name: "echartsShow", data () { return { ChartLineGraph: null }; }, // 深度监听 父组件刚开始没有值,只有图标的配置项 // 父组件ajax请求后改变数据的值,传递过来,图标已生成,监听传过来的值的改变 watch: { data: { deep: true, handler: function (newVal, oldVal) { if (newvalue) { this.drawLineGraph(this.id, newVal) } else { this.drawLineGraph(this.id, oldVal) } } } }, props: ["id", "data"], created() { console.log(this.data, '打印传递过来的图表数据') }, mounted () { this.drawLineGraph(this.id, this.data); console.log(this.id, '打印id值') console.log(this.data, '打印data值') }, methods: { drawLineGraph (id, data) { let _this = this; let myChart = document.getElementById(id); this.ChartLineGraph = echarts.init(myChart); this.ChartLineGraph.setOption(data); window.addEventListener("resize", function () { _this.ChartLineGraph.resize(); }); } }, beforeDestroy () { if (this.ChartLineGraph) { this.ChartLineGraph.clear(); } } }; </script> ``` 从后台获取数据后,成功传递给子组件,但是echarts无法成功渲染 ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578384445_959195.png) ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578384684_683561.png) ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578384616_880352.png) ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578384792_786796.png) 经过多次尝试,我遇到了一个奇怪的问题 ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578385072_241075.png) ![图片说明](https://img-ask.csdn.net/upload/202001/07/1578385147_470918.png) 求各位大佬指点,我的代码哪个地方写错了,如何才能成功渲染echarts
vue中,如何根据坐标给v-for渲染出来的表格添加样式
![图片说明](https://img-ask.csdn.net/upload/202002/14/1581666673_768340.png) <br> 比如说后台数据返回的是(1,A),状态为已入库,那我该如何将获取到的坐标对应图片的坐标,然后将图片li对应坐标的颜色改为已入库对应的绿色 <br> 表格代码如下: ``` <table class="table-container am-active"> <tbody class="table-body-container" v-if="rows > 0 && columns > 0"> <tr v-for="rowidx in rows" :key="rowidx"> <td v-for="columnidx in columns" :key="columnidx" class="container-detail-td"> <div class="table-sample-big" @click="selfcllick(rows+1-rowidx,columnidx)"></div> </td> </tr> </tbody> </table> ```
Vue iview table如何渲染expandRow子表格?
首先,我渲染expandRow是这样的渲染方法——通过render来渲染的: ![图片说明](https://img-ask.csdn.net/upload/201911/30/1575083340_292622.png) 然后,现在碰到的问题是,当我点击行的时候,我想往params.row里面插入数据,**这个数据是要通过接口返回获取的**。 于是,我就把这个请求放在了render里面,然后把return放在请求方法里面。然而,这样做的话,expandRow就不执行渲染了,打debugger也不会跳转到这里,肯定是出bug了... 如果把请求放在外边的话: 1. 都是先执行渲染,才到请求的,所以,数据没有变化... 2. 我担心到时候,点击别的行的话,会干扰到前面点击展示的expandRow数据。 所以,还能有什么办法去解决这个render里面的params赋值和修改值的问题呢?
VUE的websocket如何清除buffer
VUE的websocket执行close方法后,下次连接会接收到上次后台发的数据,应该是buffer里存储的数据,如何再vue侧清除buffer close: function() { if (this.socket) { this.socket.send('close'); this.socket.close() }
vue插槽 prop 是 undefined 的时候,定义后备内容出错是为什么?求大佬举个例子
官方描述: 定义后备内容,用于插槽 prop 是 undefined 的情形: ``` <current-user v-slot="{ user = { firstName: 'Guest' } }"> {{ user.firstName }} </current-user> ``` 我写的: ``` //父组件 <myvue v-slot="{user={firstName:'sdad'}}"> xx{{user.firstName}} </myvue> //子组件 <template> <div> <slot v-bind:user="users"></slot> </div> </template> <script> export default { name: 'myvue', props:["user"], data(){ return{ users:{ firstName:undefined, lastName:'lastname' } } } } </script> ``` 然后不知道为什么报错了: ``` Failed to compile. ./src/App.vue Module Error (from ./node_modules/eslint-loader/index.js): error: Parsing error: Line 1: Unexpected token > 1 | 0({user={firstName:'sdad'}}) | ^ (vue/no-parsing-error) at src\App.vue:3:22: 1 | <template> 2 | <div id="app"> > 3 | <myvue v-slot="{user={firstName:'sdad'}}"> | ^ 4 | xx{{user.firstName}} 5 | </myvue> 6 | <img alt="Vue logo" src="./assets/logo.png"> 1 error found. ```
vue2.0如何指定vue组件渲染到某一个html页面上呢= =
vue小白求教,vue项目创建完毕,都是渲染到index.html页面上的,假如我创建了一个页面page.html,我想把vue组件渲染到page.html页面上,我要怎么改代码呢T T。。。
vue中双重循环与复杂对象的解析问题
vue中双重循环复杂对象过程中找不到深层对象属性,并且不会显示数据,加上 ``` this.$forceUpdate(); ``` 可以正常显示,但是还是会报错找不到对应的属性 * 错误截图 ![错误信息](https://img-ask.csdn.net/upload/202002/08/1581153946_722751.png) * 完整代码 ```vue <template> <div> <el-row v-for="(group,groupIndex) in groups" v-bind:groupIndex="group.index" :key="group.gid" type="text"> <el-button type="text" @click="isShow(groupIndex)">{{group.name}}</el-button> <div v-if="group.show"> <div class="friend" v-for="(friendInfo) in groups[groupIndex].friends" :key="friendInfo.fid"> <el-image style="width: 100px; height: 100px" :src="friendInfo.userInfo.icon"></el-image> {{friendInfo.comments}} <span> {{friendInfo.userInfo.sign}}</span> </div> </div> </el-row> <br/> </div> </template> <script> export default { name: 'FriendList', methods: { isShow: function (index) { if (!this.groups[index].show) { this.getFriends(this.groups[index].gid); } this.groups[index].show = !this.groups[index].show; }, getUserInfo: function (uid,groupIndex,friendsIndex) { console.log("getUserInfo"); this.$axios.get('http://192.168.43.3:9000/user/id/' + uid).then(res => { this.groups[groupIndex].friends[friendsIndex].userInfo= res.data.data; this.$forceUpdate(); console.log(this.groups[groupIndex].friends[friendsIndex].userInfo.icon); }).catch(err => { console.log(err); this.$alert(res.data.message, '通知'); }) }, checkLogin: function () { if (this.uid == null) { this.$alert('很抱歉,您还没有登录!', '通知'); window.location = 'http://127.0.0.1:8010/login'; } }, getGroups: function () { this.$axios.get('http://192.168.43.3:9004/group/user/' + this.uid).then((res => { if (res.data.flag) { this.groups = res.data.data; } else { this.$alert(res.data.message, '通知'); } })).catch(error => { console.log(error.message); this.$alert('网络错误,请稍后再试!', '通知'); }); }, getFriends: function (groupId) { this.$axios.get('http://192.168.43.3:9004/friend/group/' + groupId).then((res => { if (res.data.flag) { for (let i = 0; i < this.groups.length; i++) { if (groupId === this.groups[i].gid) { this.groups[i].friends = res.data.data; this.$forceUpdate(); let len = this.groups[i].friends.length; for (let j = 0; j < len; j++) { this.groups[i].friends[j].userInfo = this.getUserInfo(this.groups[i].friends[j].friend,i,j); } } } } else { this.$alert(res.data.message, '通知'); } })).catch(error => { console.log(error.message); this.$alert('网络错误,请稍后再试!', '通知'); }); } }, data: function () { return { uid: JSON.parse(sessionStorage.userInfo).uid, groups: [{ 'show': false, 'gid': '', 'userId': '', index: '', 'name': '', 'createTime': '', friends: [{ 'fid': '', 'user': '', 'friend': '', 'groupId': '', 'createTime': '', index:'', 'comments': '', userInfo: { 'uid': '', 'nickname': '', 'icon': '', 'sign': '' } }] }] } }, mounted() { this.checkLogin(); this.getGroups(); } } </script> ```
vuejs和flask的文件夹设置问题
各位高手,我在使用vuecli3和flask开发,我在目前开发的时候遇到用户头像图片该怎么放置的问题,详细如下: 1.我目前是vuecli3和flask单独运行,中间只用axios做一些数据交互。那我的用户头像图片是该放在vue目录下还是放在flask目录下? 2.如果放在flask目录下,那我在vue中该怎么写路径? 3.我目前开发是在vuecli3下写的代码,我build之后生成的文件该放在哪里? 4.综上问题,各位高手能不能给我一个vuecli3和flask的目录放置demo。
关于Vue中v-for遍历的问题
如图: 使用semanticUI 的tab组件,要实现这个tab切换效果, ![图片说明](https://img-ask.csdn.net/upload/202001/29/1580301878_788972.png) 在静态页面可以切换: 这是原始代码 ``` $('.menu .item').tab(); ---------------------------------- <div class="ui top attached tabular menu"> <a class="active item" data-tab="first">First</a> <a class="item" data-tab="second">Second</a> <a class="item" data-tab="third">Third</a> </div> <div class="ui bottom attached active tab segment" data-tab="first"> First </div> <div class="ui bottom attached tab segment" data-tab="second"> Second </div> <div class="ui bottom attached tab segment" data-tab="third"> Third </div> ``` 我想要实现 的效果是 使用 vue 获取到后台传递过来的tab标签里的分类数据, 点击标签,下方自动切换到对应的div. 自己的代码: ``` <div id="workArea" class="m-container m-padded-tb-big"> <div class="ui top attached tabular menu"> <a v-for="c in categories" class="item" data-tab="first">{{ c.name}}</a> </div> <div class="ui bottom attached active tab segment" data-tab="first"> First </div> </div> ``` 达到这个效果 ![图片说明](https://img-ask.csdn.net/upload/202001/29/1580302472_363102.png) 我想请问一下这个下面的div 要怎么写才能实现这样一个vue切换效果呢 下面是全部代码: ``` <!DOCTYPE html> <html xmlns:th="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"> <title>工具</title> <link rel="stylesheet" type="text/css" href="../../static/css/me.css" th:href="@{/css/me.css}"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css"> </head> <body style="background: #439B78;"> <div style="height: 20px;"></div> <div id="workArea" class="m-container m-padded-tb-big"> <div class="ui top attached tabular menu"> <a v-for="c in categories" class="active item" data-tab="first">{{ c.name}}</a> </div> <div class="ui bottom attached active tab segment" data-tab="first"> First </div> </div> <script src="../../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script> <script src="../../static/js/vue.min.js" th:src="@{/js/vue.min.js}"></script> <script src="../../static/js/axios.min.js" th:src="@{/js/axios.min.js}"></script> <script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script> <script type="text/javascript"> $(function(){ var data1 = { uri: 'forekit', categories: [] }; var vue = new Vue({ el: '#workArea', data: data1, mounted:function(){ this.load(); }, methods:{ load: function() { var url = this.uri; axios.get(url).then(function(response){ vue.categories = response.data; }); } } }); $('.menu .item').tab(); }); </script> </body> </html> ```
vue怎么实现跳转同一个路由的时候刷新当前路由
vue怎么实现跳转同一个路由的时候刷新当前路由,因为我是父级路由做了个筛选栏,需要传不同值到子路由
VUE 在main.js中使用proxyTable代理不到指定域名 一直是当前url的域名,请问这种是什么情况?
vue中在main.js使用Axios添加每个请求检查token,路径中的标识没有通过proxyTable代理到指定域名(ip) 这种情况是加载main.js时还没有初始化proxyTable嘛?在其他.vue文件中是可通过proxyTable代理到指定域名(ip)的 后端开发刚接触vue还不太了解,麻烦各位大大解惑一下。 ``` Axios.post('/auth/token/check_token',。。。。。) ``` 下面是proxyTable的配置 ``` '/auth':{ target:'http://auth.ihabits.cn', changeOrigin: true, secure:false, pathRewrite:{ '^/auth':'' } ```
vue + iview 项目 使用Menu组件来切换页面,点击导航切换的时候出现报错
[Vue warn]: Error in beforeDestroy hook: "TypeError: Cannot read property '$parent' of null" ![图片说明](https://img-ask.csdn.net/upload/202001/21/1579600847_106938.png)
怎么让vue组件里的template换行不报错,我用的是visual studio code英文版
这样写在一行万一模板内容长了或者换行注释都不方便 ![图片说明](https://img-ask.csdn.net/upload/202002/16/1581823312_300556.png)
vue视图层不刷新的问题
![图片说明](https://img-ask.csdn.net/upload/201911/26/1574743969_604818.png) 这是我的页面,当我输入病历号为123456时,此对象没有消费 当我输入病历号为888888的对象时(这个是有消费记录的),如下图 ![图片说明](https://img-ask.csdn.net/upload/201911/26/1574744027_230986.png) 到这里没什么问题,上面的三项属性(姓名,身份证号,住址)也动动态改变了。 但如果我再输入123456的对象时,则不会改变,如下 ![图片说明](https://img-ask.csdn.net/upload/201911/26/1574744118_698076.png) 这是我的js代码,我设置了再没有后台传过来没有数据时,会改变这些属性项,但是没有效果 ``` var demo = new Vue({ el: '#paycost_vue', data: { casenumber: "", realname: "", idnumber: "", homeaddress: "", vChargeCapplies: "", vChargeHerbals: "", vChargePrescriptions: "" }, methods: { sel: function () { var _self = this; $.getJSON("http://localhost:8088/get/cost", {"CaseNumber": _self.casenumber}, function (dt) { if (dt.status == "ok") { _self.vChargeCapplies = dt.data.vChargeCapplies; _self.vChargeHerbals = dt.data.vChargeHerbals; _self.vChargePrescriptions = dt.data.vChargePrescriptions; _self.realname = dt.data.register.realname; _self.idnumber = dt.data.register.idnumber; _self.homeaddress = dt.data.register.homeaddress; _self.$forceUpdate(); }else if(dt.status == "nocost"){ alert("没有消费!"); _self.realname = dt.data.register.realname; _self.idnumber = dt.data.register.idnumber; _self.homeaddress = dt.data.register.homeaddress; _self.vChargeCapplies =null; _self.vChargeHerbals =null; _self.vChargePrescriptions =null; _self.$forceUpdate(); }else { alert("没有此病人!"); _self.realname =""; _self.idnumber =""; _self.homeaddress =""; _self.vChargeCapplies =null; _self.vChargeHerbals =null; _self.vChargePrescriptions =null; _self.$forceUpdate(); } }); }, }, computed: {} ``` 网上说加上$forceUpdate();这一句,会强制更新vue,但是我也没效果,请问各位有没有什么好的解决办法 ![图片说明](https://img-ask.csdn.net/upload/201911/26/1574744427_716232.png)![图片说明](https://img-ask.csdn.net/upload/201911/26/1574744434_969092.png) 这是前端的部分代码 问题已经解决,因为我没有写ret方法,导致在生产888888的时候报错,而进行不了后续操作。
离线地图HTML的页面转换到Vue中报错 BMAP_NORMAL_MAP is not defined
我找了一个离线地图的HTML的demo,点击HTML文件可以正常打开,但是我把它移植 到Vue中就报错:**BMAP_NORMAL_MAP is not defined** 求大神指点!!!!! 一.以下是HTML的代码 ![HTML的代码片段](https://img-ask.csdn.net/upload/202002/13/1581588178_123835.png) ![图片说明](https://img-ask.csdn.net/upload/202002/13/1581588212_655461.png) 二.以下是我在Vue中的代码片段 ![图片说明](https://img-ask.csdn.net/upload/202002/13/1581588389_847675.png) ![图片说明](https://img-ask.csdn.net/upload/202002/13/1581588415_814671.png) 然后,通过在public的index引入JS和css ![图片说明](https://img-ask.csdn.net/upload/202002/13/1581588600_301410.png) 我想的是按道理,我依照html里面,任然引入JS和CSS应该不会出错 三.最后是报错: ![图片说明](https://img-ask.csdn.net/upload/202002/13/1581588765_677827.png) 最后是报错!!! 求大佬指点一下,我应该怎么去弄,目前我做的是百度的离线地图
关于el-table无法渲染的问题,求大佬指教
* 从ElementUI的官网新建了VUE组件,使用这段代码 ``` <template> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="150"> </el-table-column> <el-table-column label="配送信息"> <el-table-column prop="name" label="姓名" width="120"> </el-table-column> <el-table-column label="地址"> <el-table-column prop="province" label="省份" width="120"> </el-table-column> <el-table-column prop="city" label="市区" width="120"> </el-table-column> <el-table-column prop="address" label="地址" width="300"> </el-table-column> <el-table-column prop="zip" label="邮编" width="120"> </el-table-column> </el-table-column> </el-table-column> </el-table> </template> <script> export default { data() { return { tableData: [{ date: '2016-05-03', name: '王小虎', province: '上海', city: '普陀区', address: '上海市普陀区金沙江路 1518 弄', zip: 200333 }] } } } </script> ``` * * * * * * * * * * * * * * * * * * router里的index文件 ``` import Vue from 'vue' import Router from 'vue-router' import NewFile from '@/components/NewFile' Vue.use(Router) export default new Router({ routes: [ { path: '/NewFile', components: { newfile: NewFile, } } ] }) ``` src下的App.vue和Main.js文件 ``` <template> <div class="container" id="vueApp"> <router-view name="newfile"></router-view> </div> </template> <script> export default { } </script> <style> </style> ``` ``` import Vue from 'vue' import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import Table from 'element-ui'; import App from './App' import router from './router' import store from './store' import 'babel-polyfill' Vue.config.productionTip = false Vue.use(ElementUI); Vue.use(Table); /* eslint-disable no-new */ new Vue({ el: '#app', render: h => h(App), router, store, components: { App }, template: '<App/>' }) ``` package.json里的依赖: ``` "dependencies": { "axios": "^0.19.0", "babel-polyfill": "^6.26.0", "element-ui": "^2.13.0", "express": "^4.17.1", "mysql": "^2.17.1", "vue": "^2.5.2", "vue-axios": "^2.1.5", "vue-router": "^3.0.1", "vuex": "^3.1.2" } ``` 单独新建一个VUE项目可以运行,但是在原有这个项目运行无法渲染页面,并弹出以下问题,不知道有无相关 ![图片说明](https://img-ask.csdn.net/upload/202001/06/1578300263_899632.png) ![图片说明](https://img-ask.csdn.net/upload/202001/06/1578299380_894423.png) 另外elementUI的其他组件,比如el-form和el-dialog,做登录页时也是单独项目可渲染,但是在这个项目里无法渲染,但是也没有相关报错,求大佬指教
vue-cli运行报错,node包问题
每次新建的vue项目运行起来都会报这种错,望大佬看看 ![图片说明](https://img-ask.csdn.net/upload/202001/30/1580357132_656861.png)
vue的data怎么使用js中的数据
```javascript new Vue({ el:'#test', data:{} }) ``` 这上面的data能不能使用另一个js文件的 ```javascript var obj = { data:[{ a:123, b:234 },{ a:789, b:654 }] } ``` 这种数据? 怎么引入? 求大佬QAQ
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私有的数
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它是一个过程,是一个不断累积、不断沉淀、不断总结、善于传达自己的个人见解以及乐于分享的过程。
程序员必须掌握的核心算法有哪些?
由于我之前一直强调数据结构以及算法学习的重要性,所以就有一些读者经常问我,数据结构与算法应该要学习到哪个程度呢?,说实话,这个问题我不知道要怎么回答你,主要取决于你想学习到哪些程度,不过针对这个问题,我稍微总结一下我学过的算法知识点,以及我觉得值得学习的算法。这些算法与数据结构的学习大多数是零散的,并没有一本把他们全部覆盖的书籍。下面是我觉得值得学习的一些算法以及数据结构,当然,我也会整理一些看过
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
此博客仅为我业余记录文章所用,发布到此,仅供网友阅读参考,如有侵权,请通知我,我会删掉。 补充 有不少读者留言说本文章没有用,因为天气预报直接打开手机就可以收到了,为何要多此一举发送到邮箱呢!!!那我在这里只能说:因为你没用,所以你没用!!! 这里主要介绍的是思路,不是天气预报!不是天气预报!!不是天气预报!!!天气预报只是用于举例。请各位不要再刚了!!! 下面是我会用到的两个场景: 每日下
Python 植物大战僵尸代码实现(2):植物卡片选择和种植
这篇文章要介绍的是: - 上方植物卡片栏的实现。 - 点击植物卡片,鼠标切换为植物图片。 - 鼠标移动时,判断当前在哪个方格中,并显示半透明的植物作为提示。
死磕YOLO系列,YOLOv1 的大脑、躯干和手脚
YOLO 是我非常喜欢的目标检测算法,堪称工业级的目标检测,能够达到实时的要求,它帮我解决了许多实际问题。 这就是 YOLO 的目标检测效果。它定位了图像中物体的位置,当然,也能预测物体的类别。 之前我有写博文介绍过它,但是每次重新读它的论文,我都有新的收获,为此我准备写一个系列的文章来详尽分析它。这是第一篇,从它的起始 YOLOv1 讲起。 YOLOv1 的论文地址:https://www.c
知乎高赞:中国有什么拿得出手的开源软件产品?(整理自本人原创回答)
知乎高赞:中国有什么拿得出手的开源软件产品? 在知乎上,有个问题问“中国有什么拿得出手的开源软件产品(在 GitHub 等社区受欢迎度较好的)?” 事实上,还不少呢~ 本人于2019.7.6进行了较为全面的 回答 - Bravo Yeung,获得该问题下回答中得最高赞(236赞和1枚专业勋章),对这些受欢迎的 Github 开源项目分类整理如下: 分布式计算、云平台相关工具类 1.SkyWalk
记一次腾讯面试:进程之间究竟有哪些通信方式?如何通信? ---- 告别死记硬背
有一次面试的时候,被问到进程之间有哪些通信方式,不过由于之前没深入思考且整理过,说的并不好。想必大家也都知道进程有哪些通信方式,可是我猜很多人都是靠着”背“来记忆的,所以今天的这篇文章,讲给大家详细着讲解他们是如何通信的,让大家尽量能够理解他们之间的区别、优缺点等,这样的话,以后面试官让你举例子,你也能够顺手拈来。 1、管道 我们来看一条 Linux 的语句 netstat -tulnp | gr...
20行Python代码爬取王者荣耀全英雄皮肤
引言 王者荣耀大家都玩过吧,没玩过的也应该听说过,作为时下最火的手机MOBA游戏,咳咳,好像跑题了。我们今天的重点是爬取王者荣耀所有英雄的所有皮肤,而且仅仅使用20行Python代码即可完成。 准备工作 爬取皮肤本身并不难,难点在于分析,我们首先得得到皮肤图片的url地址,话不多说,我们马上来到王者荣耀的官网: 我们点击英雄资料,然后随意地选择一位英雄,接着F12打开调试台,找到英雄原皮肤的图片
网络(8)-HTTP、Socket、TCP、UDP的区别和联系
TCP/IP协议是传输层协议,主要解决数据如何在网络中传输,而HTTP是应用层协议,主要解决如何包装数据。 一、TCP与UDP的不同 1. 是否需要建立连接。 UDP在传送数据之前不需要先建立连接;TCP则提供面向连接的服务; 2. 是否需要给出确认 对方的传输层在收到UDP报文后,不需要给出任何确认,而 TCP需要给出确认报文,要提供可靠的、面向连接的传输服务。 3.虽然UDP不提供可靠交...
简明易理解的@SpringBootApplication注解源码解析(包含面试提问)
欢迎关注文章系列 ,关注我 《提升能力,涨薪可待》 《面试知识,工作可待》 《实战演练,拒绝996》 欢迎关注我博客,原创技术文章第一时间推出 也欢迎关注公 众 号【Ccww笔记】,同时推出 如果此文对你有帮助、喜欢的话,那就点个赞呗,点个关注呗! 《提升能力,涨薪可待篇》- @SpringBootApplication注解源码解析 一、@SpringBootApplication 的作用是什
防劝退!数据结构和算法难理解?可视化动画带你轻松透彻理解!
大家好,我是 Rocky0429,一个连数据结构和算法都不会的蒟蒻… 学过数据结构和算法的都知道这玩意儿不好学,没学过的经常听到这样的说法还没学就觉得难,其实难吗?真难! 难在哪呢?当年我还是个小蒟蒻,初学数据结构和算法的时候,在忍着枯燥看完定义原理,之后想实现的时候,觉得它们的过程真的是七拐八绕,及其难受。 在简单的链表、栈和队列这些我还能靠着在草稿上写写画画理解过程,但是到了数论、图...
西游记团队中如果需要裁掉一个人,会先裁掉谁?
2019年互联网寒冬,大批企业开始裁员,下图是网上流传的一张截图: 裁员不可避免,那如何才能做到不管大环境如何变化,自身不受影响呢? 我们先来看一个有意思的故事,如果西游记取经团队需要裁员一名,会裁掉谁呢,为什么? 西游记团队组成: 1.唐僧 作为团队teamleader,有很坚韧的品性和极高的原则性,不达目的不罢休,遇到任何问题,都没有退缩过,又很得上司支持和赏识(直接得到唐太宗的任命,既给
开挂的人生!那些当选院士,又是ACM/IEEE 双料Fellow的华人学者们
昨日,2019年两院院士正式官宣,一时间抢占了各大媒体头条。 朋友圈也是一片沸腾,奔走相告,赶脚比自己中了大奖还嗨皮! 谁叫咱家导师就是这么厉害呢!!! 而就在最近,新一年度的IEEE/ACM Fellow也将正式公布。 作为学术届的顶级荣誉,不自然地就会将院士与Fellow作比较,到底哪个含金量更高呢? 学术君认为,同样是专业机构对学者的认可,考量标准不一,自然不能一概而论。 但...
聊聊C语言和指针的本质
坐着绿皮车上海到杭州,24块钱,很宽敞,在火车上非正式地聊几句。 很多编程语言都以 “没有指针” 作为自己的优势来宣传,然而,对于C语言,指针却是与生俱来的。 那么,什么是指针,为什么大家都想避开指针。 很简单, 指针就是地址,当一个地址作为一个变量存在时,它就被叫做指针,该变量的类型,自然就是指针类型。 指针的作用就是,给出一个指针,取出该指针指向地址处的值。为了理解本质,我们从计算机模型说起...
Python语言高频重点汇总
Python语言高频重点汇总 GitHub面试宝典仓库——点这里跳转 文章目录Python语言高频重点汇总**GitHub面试宝典仓库——点这里跳转**1. 函数-传参2. 元类3. @staticmethod和@classmethod两个装饰器4. 类属性和实例属性5. Python的自省6. 列表、集合、字典推导式7. Python中单下划线和双下划线8. 格式化字符串中的%和format9.
究竟你适不适合买Mac?
我清晰的记得,刚买的macbook pro回到家,开机后第一件事情,就是上了淘宝网,花了500元钱,找了一个上门维修电脑的师傅,上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷,只是想要个固态硬盘的笔记本,用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后,最终决定,还是买个好(xiong)看(da)的。 已经有好几个朋友问我mba怎么样了,所以今天尽量客观
代码详解:如何用Python快速制作美观、炫酷且有深度的图表
全文共12231字,预计学习时长35分钟生活阶梯(幸福指数)与人均GDP(金钱)正相关的正则图本文将探讨三种用Python可视化数据的不同方法。以可视化《2019年世界幸福报告》的数据为例,本文用Gapminder和Wikipedia的信息丰富了《世界幸福报告》数据,以探索新的数据关系和可视化方法。《世界幸福报告》试图回答世界范围内影响幸福的因素。报告根据对“坎特里尔阶梯问题”的回答来确定幸...
程序员一般通过什么途径接私活?
二哥,你好,我想知道一般程序猿都如何接私活,我也想接,能告诉我一些方法吗? 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”,还有很多读者问过我类似这样的问题。 我接的私活不算多,挣到的钱也没有多少,加起来不到 20W。说实话,这个数目说出来我是有点心虚的,毕竟太少了,大家轻喷。但我想,恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉,我也算是有经验的人了。 唾弃接私活、做外
(经验分享)作为一名普通本科计算机专业学生,我大学四年到底走了多少弯路
今年正式步入了大四,离毕业也只剩半年多的时间,回想一下大学四年,感觉自己走了不少弯路,今天就来分享一下自己大学的学习经历,也希望其他人能不要走我走错的路。 (一)初进校园 刚进入大学的时候自己完全就相信了高中老师的话:“进入大学你们就轻松了”。因此在大一的时候自己学习的激情早就被抛地一干二净,每天不是在寝室里玩游戏就是出门游玩,不过好在自己大学时买的第一台笔记本性能并不是很好,也没让我彻底沉...
如何写一篇技术博客,谈谈我的看法
前言 只有光头才能变强。 文本已收录至我的GitHub精选文章,欢迎Star:https://github.com/ZhongFuCheng3y/3y 我一直推崇学技术可以写技术博客去沉淀自己的知识,因为知识点实在是太多太多了,通过自己的博客可以帮助自己快速回顾自己学过的东西。 我最开始的时候也是只记笔记,认为自己能看得懂就好。但如果想验证自己是不是懂了,可以写成技术博客。在写技术博客的...
字节跳动面试官这样问消息队列:分布式事务、重复消费、顺序消费,我整理了一下
你知道的越多,你不知道的越多 点赞再看,养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图、个人联系方式和人才交流群,欢迎Star和完善 前言 消息队列在互联网技术存储方面使用如此广泛,几乎所有的后端技术面试官都要在消息队列的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸...
面试还搞不懂redis,快看看这40道面试题(含答案和思维导图)
Redis 面试题 1、什么是 Redis?. 2、Redis 的数据类型? 3、使用 Redis 有哪些好处? 4、Redis 相比 Memcached 有哪些优势? 5、Memcache 与 Redis 的区别都有哪些? 6、Redis 是单进程单线程的? 7、一个字符串类型的值能存储最大容量是多少? 8、Redis 的持久化机制是什么?各自的优缺点? 9、Redis 常见性...
大学四年自学走来,这些珍藏的「实用工具/学习网站」我全贡献出来了
知乎高赞:文中列举了互联网一线大厂程序员都在用的工具集合,涉及面非常广,小白和老手都可以进来看看,或许有新收获。
互联网公司的裁员,能玩出多少种花样?
裁员,也是一门学问,可谓博大精深!以下,是互联网公司的裁员的多种方法:-正文开始-135岁+不予续签的理由:千禧一代网感更强。95后不予通过试用期的理由:已婚已育员工更有责任心。2通知接下来要过苦日子,让一部分不肯同甘共苦的员工自己走人,以“兄弟”和“非兄弟”来区别员工。3强制996。员工如果平衡不了工作和家庭,可在离婚或离职里二选一。4不布置任何工作,但下班前必须提交千字工作日报。5不给活干+...
【设计模式】单例模式的八种写法分析
网上泛滥流传单例模式的写法种类,有说7种的,也有说6种的,当然也不排除说5种的,他们说的有错吗?其实没有对与错,刨根问底,写法终究是写法,其本质精髓大体一致!因此完全没必要去追究写法的多少,有这个时间还不如跟着宜春去网吧偷耳机、去田里抓青蛙得了,一天天的....
《面试宝典》:检验是否为合格的初中级程序员的面试知识点,你都知道了吗?查漏补缺
欢迎关注文章系列,一起学习 《提升能力,涨薪可待篇》 《面试知识,工作可待篇》 《实战演练,拒绝996篇》 也欢迎关注公 众 号【Ccww笔记】,原创技术文章第一时间推出 如果此文对你有帮助、喜欢的话,那就点个赞呗,点个关注呗! 《面试知识,工作可待篇》-Java笔试面试基础知识大全 前言 是不是感觉找工作面试是那么难呢? 在找工作面试应在学习的基础进行总结面试知识点,工作也指日可待,欢...
关于研发效能提升的思考
研发效能提升是最近比较热门的一个话题,本人根据这几年的工作心得,做了一些思考总结,由于个人深度有限,暂且抛转引入。 三要素 任何生产力的提升都离不开这三个因素:人、流程和工具,少了其中任何一个因素都无法实现。 人,即思想,也就是古人说的“道”,道不同不相为谋,是制高点,也是高层建筑的基石。 流程,即方法,也是古人说的“法”。研发效能的提升,也就是要提高投入产出比,既要增加产出,也要减...
微博推荐算法简述
在介绍微博推荐算法之前,我们先聊一聊推荐系统和推荐算法。有这样一些问题:推荐系统适用哪些场景?用来解决什么问题、具有怎样的价值?效果如何衡量? 推荐系统诞生很早,但真正被大家所重视,缘起于以”facebook”为代表的社会化网络的兴起和以“淘宝“为代表的电商的繁荣,”选择“的时代已经来临,信息和物品的极大丰富,让用户如浩瀚宇宙中的小点,无所适从。推荐系统迎来爆发的机会,变得离用户更近: 快...
相关热词 c#判断数字不得为负数 c#帧和帧协议 c#算偏移值 c# 在枚举中 c#6 字符串 插值 c#程序中的占位符标签 c#监听数组变化 c# vlc c#索引实现 c# 局域网广播通信
立即提问