vue 常用和问题集合

vue数据强制刷新

this.$forceUpdate()

vue设置对象和数组 深层嵌套key value

this.$set(obj,key,value)

解决input el-input v-for 无法赋值

<div id="app">
	<el-input v-model="tableData[index]" :key="index" v-for="(item, index) in tableData"></el-input>
	<el-input v-model="tableData1[index].name" :key="index" v-for="(item, index) in tableData1"></el-input>
</div>
<script>
	new Vue({
		el: '#app',
		data() {
			return {
				tableData: [
					'王小虎1',
					'王小虎1',
				],
				tableData1: [
					{
						date: '2016-05-03',
						name: '王小虎1',
					}, 
					{
						date: '2016-05-03',
						name: '王小虎2',
					},
				]
			}
		}
	})
</script>

<div @click.stop.prevent="handle(event)"></div>
.stop 阻止冒泡
.prevent 阻止浏览器默认事件

HTMl5引入vue.js快速开发模板

window.GlobleVue= new Vue({
		el: '#app',
		data() {
			return {
			}
		},
		created(){
		},
		mounted(){
			this.getPageData();
		},
		methods:{
			getPageData(){
			}
		},


	})

vue-cli 开https

	//vue.config.js
	const internalIp = require('internal-ip');  // 获取当前IP地址
	module.exports = {
	    devServer: {
	        https: true,
	        port: 9999,
	        host: internalIp.v4.sync(),
	    }
	};