黄昏来看我的人

jsx不会用

Vue-el-tree操作按钮，常亮和hover显示

流量好几遍网站没有解决方案，可能都是不愿分享自己藏着吧，那我给大家分享下，其实很简单：先看效果hover上去： 取消hover： HTML代码：用到 :render-cont...

WhereRiseFrom

7719 1 11

黄昏来看我的人

<div id="app" class="container">
<h2>新建专题</h2>
<p> </p>
<p> </p>
<el-form ref="form" :model="form" label-width="200px">
<input type="file" name="file" id="file" class="hidden" v-on:change="ChangeSrc()" />
<label for="file" class='btn' style="border-radius:20px;border:1px solid #67c23a;color:#67c23a;">点击上传封面</label>
<img id="show" src="/Content/images/封面.png">
<el-form-item label="名称">
<el-input v-model="form.name" placeholder="请输入名称"></el-input>
</el-form-item>
<el-form-item label="描述">
<el-input type="textarea" v-model="form.desc" placeholder="请输入描述"></el-input>
</el-form-item>
<el-form-item label="其他管理员">
<el-input v-model="form.name" placeholder="输入用户名"></el-input>
</el-form-item>
<el-form-item label="是否允许投稿">
<el-radio-group v-model="form.resource">
<el-radio label="允许"></el-radio>
<el-radio label="不允许"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="投稿是否需要审核" style="text-align:left;">
<el-radio-group v-model="form.shenhe">
<el-radio label="需要"></el-radio>
<el-radio label="不需要"></el-radio>
</el-radio-group>
</el-form-item>
<el-form-item>
<el-button type="success" round>立即创建</el-button>
</el-form-item>
</el-form>
</div>

啊实打实的

测试

kzbi

366 2 2

黄昏来看我的人

<script>

//function ChangeSrc() {
// var reads = new FileReader();
// f = document.getElementById("file").files[0];
// reads.readAsDataURL(f);
// reads.onload = function () {
// document.getElementById("show").src = this.result;
// alert(this.result);
// };
//}

var Main = {
data() {
return {
form: {
name: '',
region: '',
delivery: false,
resource: '',
desc: '',
imagesrc: '',
shenhe: '',

}
}
},
methods: {
ChangeSrc: function () {
var reads = new FileReader();
f = document.getElementById("file").files[0];
reads.readAsDataURL(f);
reads.onload = function () {
document.getElementById("show").src = this.result;
this.imagesrc = this.result;
alert(this.imagesrc);
};
}
}
}

var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

</script>

啊实打实的

测试

kzbi

366 2 2