element-ui按钮控制元素的显示隐藏

<el-radio-group v-model="radio2" @change="change">
	<div class="message-link">
	    <el-radio :label="1">添加商品el-radio>
	    <div class="mes-addpro-show" v-if="radio2 == 1">
	        <el-button plain class="add-goods-btn">+添加商品el-button>
	    div>
	div>
	<div class="message-link">
	    <el-radio :label="2">添加链接el-radio>
	    <div class="mes-addpro-show" v-if="radio2 == 2">
	        <el-input
	            placeholder="输入网址请以 http:// 或 https:// 开头"
	            v-model="linkinput"
	            class="message-input"
	            clearable>
	        el-input>
	    div>
	div>
	<div class="message-link">
	    <el-radio :label="3">无链接el-radio>
	div>
el-radio-group>
export default {
    name: 'PushMessage',
    data() {
        return {
            linkinput: '', // 链接输入框
            radio2: 1
        }
    },
    methods: {
        change(val) {
            console.log(val, 'val')
            console.log(this.linkinput, 'input的值')
        }
    }
}

你可能感兴趣的:(Vue)