vue的data的数据进行指定赋值，用于筛选条件的清空，或者管理系统添加成功后给部分数据赋值为空

Posted 2021-01-29 cengjingdeshuige

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue的data的数据进行指定赋值，用于筛选条件的清空，或者管理系统添加成功后给部分数据赋值为空相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>给vue部分data数据从新赋值</title>
</head>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<body>
    <p>比如说，搜索按钮的清空筛选条件，或者管理平台新增成功后给数据赋值为空,大量数据，挨个赋值比较麻烦,所以封装一个方法</p>
    <p>点击下面的清空按钮：清空标题，改变结尾，内容不变,</p>
    <div id="app">
        <h1>
            现在的标题： <span style="color:red;"> {{title}} </span>
        </h1>
        <p>
            现在的内容: <span style="color:red;"> {{content}} </span>
        </p>
        <p>
            测试的结尾: <span style="color:red;"> {{end}} </span>
        </p>
        <button @click="empty_btn()">清空</button>
    </div>
    <script>
        /*
         * @Author: shuige 曾经的水哥
         * @Date: 2018-12-24 13:21:19 
 * @Last Modified by: shuige
 * @Last Modified time: 2018-12-24 13:25:43
         */
        var app = new Vue({
            el: ‘#app‘,
            data: {
                title: ‘111‘,
                content: ‘这是测试文字‘,
                end: ‘这是结尾‘
            },
            methods: {
                empty_btn: function () {
                    this.empty_way({
                        title: ‘‘,
                        end: ‘改变end‘
                    })
                },
                empty_way: function (empty_data) {
                    for (let key in empty_data) {
                        this[key] = empty_data[key]
                    }
                },
            },
            mounted() {

            },

        })
    </script>
</body>

</html>

以上是关于vue的data的数据进行指定赋值，用于筛选条件的清空，或者管理系统添加成功后给部分数据赋值为空的主要内容，如果未能解决你的问题，请参考以下文章

Vue.js 实践：实现多条件筛选搜索排序及分页的表格功能

请教用pandas处理数据时，如何对行数据进行筛选并赋值处理

14.pandas里面按条件筛选

5）基本查询语句